@ciromaciel/components-kit 1.1.1 → 1.2.1

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 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 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,18 +208,18 @@ const zr = be({
     }
   }
 });
-function ge({ badge: a, subtitle: c, title: l, titleOrder: n = 2, titleFz: t = "var(--fz-section-title)", ta: d = "left", maw: m }) {
-  return !l && !c && !a ? null : /* @__PURE__ */ r(
+function ge({ badge: a, subtitle: d, title: l, titleOrder: n = 2, titleFz: t = "var(--fz-section-title)", ta: c = "left", maw: m }) {
+  return !l && !d && !a ? null : /* @__PURE__ */ r(
     u,
     {
       gap: "xs",
-      align: d === "center" ? "center" : "flex-start",
-      ta: d,
+      align: c === "center" ? "center" : "flex-start",
+      ta: c,
       children: [
         a && /* @__PURE__ */ e(
           f,
           {
-            justify: d === "center" ? "center" : "flex-start",
+            justify: c === "center" ? "center" : "flex-start",
             mb: "xs",
             children: /* @__PURE__ */ e(
               j,
@@ -233,7 +233,7 @@ function ge({ badge: a, subtitle: c, title: l, titleOrder: n = 2, titleFz: t = "
             )
           }
         ),
-        c && /* @__PURE__ */ e(
+        d && /* @__PURE__ */ e(
           i,
           {
             c: "gray.4",
@@ -241,7 +241,7 @@ function ge({ badge: a, subtitle: c, title: l, titleOrder: n = 2, titleFz: t = "
             fw: 800,
             tt: "uppercase",
             ls: "1.5px",
-            children: c
+            children: d
           }
         ),
         l && /* @__PURE__ */ e(
@@ -257,8 +257,8 @@ function ge({ badge: a, subtitle: c, title: l, titleOrder: n = 2, titleFz: t = "
     }
   );
 }
-function ue({ video: a, image: c, width: l = "100%", maw: n, alt: t }) {
-  return a ? /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+function ue({ video: a, image: d, width: l = "100%", maw: n, alt: t }) {
+  return a ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     b,
     {
       component: "video",
@@ -272,11 +272,11 @@ function ue({ video: a, image: c, width: l = "100%", maw: n, alt: t }) {
       h: "auto",
       style: { filter: a.filter || "none" }
     }
-  ) }) : c ? /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+  ) }) : d ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
     b,
     {
       component: "img",
-      src: c,
+      src: d,
       alt: t || "",
       w: l,
       h: "auto",
@@ -286,11 +286,11 @@ function ue({ video: a, image: c, width: l = "100%", maw: n, alt: t }) {
 }
 function M({
   label: a,
-  href: c,
+  href: d,
   onClick: l,
   icon: n,
   size: t = "lg",
-  variant: d = "filled",
+  variant: c = "filled",
   color: m,
   target: h,
   px: p,
@@ -300,16 +300,16 @@ function M({
   ...y
 }) {
   return /* @__PURE__ */ e(
-    W,
+    U,
     {
       size: t,
-      component: c ? "a" : "button",
-      href: c,
+      component: d ? "a" : "button",
+      href: d,
       onClick: l,
       target: h,
       rightSection: n,
       leftSection: g,
-      variant: d,
+      variant: c,
       color: m,
       px: p,
       fullWidth: s,
@@ -319,12 +319,12 @@ function M({
     }
   );
 }
-function Qe({ children: a, fz: c = 28, c: l = "gray.9", ...n }) {
+function Qe({ children: a, fz: d = 28, c: l = "gray.9", ...n }) {
   return /* @__PURE__ */ e(
     i,
     {
       component: "span",
-      fz: c,
+      fz: d,
       fw: 900,
       lh: 1,
       c: l,
@@ -335,18 +335,18 @@ function Qe({ children: a, fz: c = 28, c: l = "gray.9", ...n }) {
     }
   );
 }
-function Z({ logo: a, objectPosition: c = "left" }) {
+function Z({ logo: a, objectPosition: d = "left" }) {
   return a ? Ae(a) ? a : typeof a == "object" && a.src ? /* @__PURE__ */ e(
     "img",
     {
       src: a.src,
       alt: a.alt || "",
       height: a.height || 32,
-      style: { objectFit: "contain", objectPosition: c }
+      style: { objectFit: "contain", objectPosition: d }
     }
   ) : a : null;
 }
-function Ye({ children: a, label: c, chrome: l = !0, copy: n = !0, variant: t = "dark", style: d }) {
+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(`
 `).filter((o) => o.trimStart().startsWith("$ ")), p = h.length ? h.map((o) => o.trimStart().slice(2)).join(`
 `) : m, s = t === "dark", g = s ? {
@@ -375,7 +375,7 @@ function Ye({ children: a, label: c, chrome: l = !0, copy: n = !0, variant: t =
         // sem reticências. `hidden` só na vertical preserva o recorte
         // do cabeçalho; a horizontal fica com o <pre>, que tem auto.
         overflowY: "hidden",
-        ...d
+        ...c
       },
       children: [
         l && /* @__PURE__ */ r(
@@ -405,7 +405,7 @@ function Ye({ children: a, label: c, chrome: l = !0, copy: n = !0, variant: t =
                       },
                       o
                     )),
-                    c && /* @__PURE__ */ e(
+                    d && /* @__PURE__ */ e(
                       b,
                       {
                         component: "span",
@@ -416,7 +416,7 @@ function Ye({ children: a, label: c, chrome: l = !0, copy: n = !0, variant: t =
                           letterSpacing: "0.5px",
                           color: g.label
                         },
-                        children: c
+                        children: d
                       }
                     )
                   ]
@@ -481,8 +481,8 @@ 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: c, title: l, subtitle: n, id: t, background: d = "white", py: m = { base: 80, md: 120 }, maw: h = 800, ta: p = "left", stackGap: s = "xl" }) {
-  const g = N(d);
+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);
   return /* @__PURE__ */ e(
     b,
     {
@@ -495,7 +495,7 @@ function P({ children: a, badge: c, title: l, subtitle: n, id: t, background: d
         /* @__PURE__ */ e(
           ge,
           {
-            badge: c,
+            badge: d,
             subtitle: n,
             title: l,
             ta: p,
@@ -507,7 +507,7 @@ function P({ children: a, badge: c, title: l, subtitle: n, id: t, background: d
     }
   );
 }
-function Sr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
+function Sr({ brand: a, label: d = "Verificando sua sessão...", ...l }) {
   return /* @__PURE__ */ e(
     we,
     {
@@ -542,7 +542,7 @@ function Sr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
                 fw: 500,
                 fz: "sm",
                 c: "gray.6",
-                children: c
+                children: d
               }
             )
           ]
@@ -551,7 +551,7 @@ function Sr({ brand: a, label: c = "Verificando sua sessão...", ...l }) {
     }
   );
 }
-function Ir({ children: a, style: c, ...l }) {
+function Ir({ children: a, style: d, ...l }) {
   return /* @__PURE__ */ e(
     b,
     {
@@ -561,14 +561,14 @@ function Ir({ children: a, style: c, ...l }) {
         flexDirection: "column",
         minHeight: "100vh",
         scrollBehavior: "smooth",
-        ...c
+        ...d
       },
       children: a
     }
   );
 }
-function Xe({ logo: a, logoLink: c, navLinks: l = [], loginCta: n, signupCta: t, background: d = "white" }) {
-  const m = N(d), [h] = _e(), p = h.y > 10, s = (o) => {
+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) => {
     o === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(o)?.scrollIntoView({ behavior: "smooth" });
   }, g = (o, y) => {
     (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s(y));
@@ -604,9 +604,9 @@ function Xe({ logo: a, logoLink: c, navLinks: l = [], loginCta: n, signupCta: t,
                   px: { base: "xs", sm: "md" },
                   children: [
                     a && (() => {
-                      const o = { display: "inline-flex", textDecoration: "none" };
-                      if (c) {
-                        const { component: y = "a", ...w } = c;
+                      const o = { display: "inline-flex", textDecoration: "none", minWidth: 0, flex: "0 1 auto" };
+                      if (d) {
+                        const { component: y = "a", ...w } = d;
                         return /* @__PURE__ */ e(
                           y,
                           {
@@ -630,11 +630,18 @@ function Xe({ logo: a, logoLink: c, 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",
@@ -659,57 +666,65 @@ function Xe({ logo: a, logoLink: c, navLinks: l = [], loginCta: n, signupCta: t,
                         ))
                       }
                     ),
-                    /* @__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,7 +740,7 @@ const Tr = Xe, te = {
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function Ar({ subtitle: a, title: c, description: l, cta: n, secondaryCta: t, note: d, video: m, image: h, background: p = "white", mediaMaw: s, titleFz: g = "var(--fz-hero)", descriptionFz: o = "xl" }) {
+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);
   return /* @__PURE__ */ e(
     b,
@@ -748,18 +763,18 @@ function Ar({ subtitle: a, title: c, 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(
+                  /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     ge,
                     {
                       subtitle: a,
-                      title: c,
+                      title: d,
                       titleOrder: 1,
                       titleFz: g,
                       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: c, 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: c, description: l, cta: n, secondaryCta: t, no
                       ]
                     }
                   ) }),
-                  d && /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(
+                  c && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                     i,
                     {
                       size: "sm",
@@ -821,7 +836,7 @@ function Ar({ subtitle: a, title: c, description: l, cta: n, secondaryCta: t, no
                       maw: 620,
                       fw: 500,
                       lh: 1.7,
-                      children: d
+                      children: c
                     }
                   ) })
                 ]
@@ -842,10 +857,10 @@ function Ar({ subtitle: a, title: c, description: l, cta: n, secondaryCta: t, no
     }
   );
 }
-function Je({ logo: a, index: c }) {
+function Je({ logo: a, index: d }) {
   const l = {
     src: a.src,
-    alt: a.alt || `Logo ${c}`,
+    alt: a.alt || `Logo ${d}`,
     h: a.height || 50,
     w: "auto",
     style: {
@@ -860,7 +875,7 @@ function Je({ logo: a, index: c }) {
       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,9 +883,9 @@ function Je({ logo: a, index: c }) {
       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: c, logos: l, background: n = "gray" }) {
+function Pr({ id: a, title: d, logos: l, background: n = "gray" }) {
   return !l || l.length === 0 ? null : /* @__PURE__ */ e(
     b,
     {
@@ -886,7 +901,7 @@ function Pr({ id: a, title: c, logos: l, background: n = "gray" }) {
           ta: "center",
           gap: "xl",
           children: [
-            c && /* @__PURE__ */ e(
+            d && /* @__PURE__ */ e(
               i,
               {
                 fw: 500,
@@ -894,7 +909,7 @@ function Pr({ id: a, title: c, logos: l, background: n = "gray" }) {
                 size: "sm",
                 tt: "uppercase",
                 ls: "0.1em",
-                children: c
+                children: d
               }
             ),
             /* @__PURE__ */ e(
@@ -904,13 +919,13 @@ function Pr({ id: a, title: c, logos: l, background: n = "gray" }) {
                 gap: { base: 40, md: 80 },
                 style: { rowGap: 40 },
                 w: "100%",
-                children: l.map((t, d) => /* @__PURE__ */ e(
+                children: l.map((t, c) => /* @__PURE__ */ e(
                   Je,
                   {
                     logo: t,
-                    index: d
+                    index: c
                   },
-                  d
+                  c
                 ))
               }
             )
@@ -920,8 +935,8 @@ function Pr({ id: a, title: c, logos: l, background: n = "gray" }) {
     }
   );
 }
-function qr({ id: a, subtitle: c, title: l, description: n, descriptionFz: t, featuresList: d, cta: m, video: h, image: p, reverse: s = !1, background: g = "white", mediaMaw: o }) {
-  const y = d && d.length > 0 && /* @__PURE__ */ e(
+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 }) {
+  const y = c && c.length > 0 && /* @__PURE__ */ e(
     V,
     {
       spacing: "md",
@@ -942,7 +957,7 @@ function qr({ id: a, subtitle: c, title: l, description: n, descriptionFz: t, fe
           )
         }
       ),
-      children: d.map((D, S) => /* @__PURE__ */ e(V.Item, { children: D }, S))
+      children: c.map((D, S) => /* @__PURE__ */ e(V.Item, { children: D }, S))
     }
   ), w = /* @__PURE__ */ r(
     u,
@@ -1010,7 +1025,7 @@ function qr({ id: a, subtitle: c, title: l, description: n, descriptionFz: t, fe
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
       background: g,
       children: /* @__PURE__ */ e(
@@ -1031,15 +1046,15 @@ function qr({ id: a, subtitle: c, title: l, description: n, descriptionFz: t, fe
     }
   );
 }
-function Dr({ id: a, badge: c, subtitle: l, title: n, description: t, background: d = "gray", items: m = [], ta: h = "left", note: p }) {
+function Dr({ id: a, badge: d, subtitle: l, title: n, description: t, background: c = "gray", items: m = [], ta: h = "left", note: p }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      badge: c,
+      badge: d,
       subtitle: l,
       title: n,
-      background: d,
+      background: c,
       ta: h,
       maw: h === "center" ? 900 : 800,
       children: [
@@ -1082,11 +1097,11 @@ function Dr({ id: a, badge: c, subtitle: l, title: n, description: t, background
 }
 function Ze({
   icon: a,
-  iconVariant: c,
+  iconVariant: d,
   iconColor: l,
   label: n,
   title: t,
-  titleSize: d,
+  titleSize: c,
   description: m,
   descriptionSize: h,
   descriptionMaw: p,
@@ -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,
@@ -1115,7 +1130,7 @@ function Ze({
       {
         size: 48,
         radius: "0",
-        variant: c || "light",
+        variant: d || "light",
         color: l || "gray",
         mb: "lg",
         children: /* @__PURE__ */ e(
@@ -1142,7 +1157,7 @@ function Ze({
     t && /* @__PURE__ */ e(
       i,
       {
-        fz: d || (w === "compact" ? "h4" : "h3"),
+        fz: c || (w === "compact" ? "h4" : "h3"),
         fw: 900,
         lh: 1.2,
         mb: "sm",
@@ -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 })
             ] })
@@ -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,
@@ -1375,11 +1390,11 @@ function ne(a) {
           gap: 8,
           h: a.height || 100,
           preventGrowOverflow: !1,
-          children: (a.data || []).map((c, l) => /* @__PURE__ */ e(
+          children: (a.data || []).map((d, l) => /* @__PURE__ */ e(
             b,
             {
               w: 20,
-              h: `${c}%`,
+              h: `${d}%`,
               bg: l === a.highlight ? "gray.5" : "gray.2",
               radius: "0"
             },
@@ -1389,7 +1404,7 @@ function ne(a) {
       );
     case "typography":
       return /* @__PURE__ */ e(
-        k,
+        E,
         {
           h: a.height || 160,
           bg: "gray.0",
@@ -1408,9 +1423,9 @@ function ne(a) {
         }
       );
     case "icon-large": {
-      const c = a.icon;
-      return c ? /* @__PURE__ */ e(
-        c,
+      const d = a.icon;
+      return d ? /* @__PURE__ */ e(
+        d,
         {
           size: a.size || 64,
           stroke: a.stroke || 1,
@@ -1422,15 +1437,15 @@ function ne(a) {
       return null;
   }
 }
-function Fr({ id: a, subtitle: c, title: l, items: n = [], cols: t, background: d = "white", ta: m = "center", note: h }) {
+function Fr({ id: a, subtitle: d, title: l, items: n = [], cols: t, background: c = "white", ta: m = "center", note: h }) {
   const p = t ?? Math.min(Math.max(n.length, 1), 4);
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
-      background: d,
+      background: c,
       ta: m,
       maw: 900,
       children: [
@@ -1511,18 +1526,18 @@ function Fr({ id: a, subtitle: c, 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" },
   loading: { color: "gray.4", chart: "gray.5", title: "Verificando os sistemas", badge: "Verificando" }
 }, er = (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 d = new Date(a);
+  return Number.isNaN(d.getTime()) ? null : d.toLocaleString("pt-BR", { dateStyle: "short", timeStyle: "medium" });
 };
-function Er({ service: a, status: c = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: d = [], error: m }) {
-  const h = m ? U.down : U[c] || U.loading, p = er(l);
+function kr({ service: a, status: d = "loading", checkedAt: l, checks: n = [], latency: t = [], uptime: c = [], error: m }) {
+  const h = m ? W.down : W[d] || W.loading, p = er(l);
   return /* @__PURE__ */ e(
     b,
     {
@@ -1592,13 +1607,13 @@ function Er({ service: a, status: c = "loading", checkedAt: l, checks: n = [], l
                 }
               )
             ] }),
-            (d.length > 0 || t.length > 0) && /* @__PURE__ */ r(
+            (c.length > 0 || t.length > 0) && /* @__PURE__ */ r(
               A,
               {
                 cols: { base: 1, md: 2 },
                 spacing: 48,
                 children: [
-                  d.length > 0 && /* @__PURE__ */ r(u, { gap: "lg", children: [
+                  c.length > 0 && /* @__PURE__ */ r(u, { gap: "lg", children: [
                     /* @__PURE__ */ r(u, { gap: 4, children: [
                       /* @__PURE__ */ e(
                         i,
@@ -1619,7 +1634,7 @@ function Er({ service: a, status: c = "loading", checkedAt: l, checks: n = [], l
                           lh: 1,
                           lts: "-0.04em",
                           children: [
-                            (d.reduce((s, g) => s + g.pct, 0) / d.length).toFixed(2),
+                            (c.reduce((s, g) => s + g.pct, 0) / c.length).toFixed(2),
                             /* @__PURE__ */ e(
                               i,
                               {
@@ -1641,7 +1656,7 @@ function Er({ service: a, status: c = "loading", checkedAt: l, checks: n = [], l
                         h: 140,
                         align: "flex-end",
                         wrap: "nowrap",
-                        children: d.map((s, g) => /* @__PURE__ */ e(
+                        children: c.map((s, g) => /* @__PURE__ */ e(
                           se,
                           {
                             label: `${s.day} · ${s.pct.toFixed(2)}%`,
@@ -1730,7 +1745,7 @@ function Er({ service: a, status: c = "loading", checkedAt: l, checks: n = [], l
                 }
               ),
               n.map((s, g) => {
-                const o = U[s.status] || U.loading;
+                const o = W[s.status] || W.loading;
                 return /* @__PURE__ */ r(
                   I,
                   {
@@ -1890,13 +1905,13 @@ 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: c = [], label: l, link: n, ...t }) {
-  const d = oe[a] || oe.loading, m = c.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, m = d.slice(-Y), h = Array(Math.max(0, Y - m.length)).fill(null), p = [...h, ...m];
   return /* @__PURE__ */ e(
     de,
     {
       underline: "never",
-      "aria-label": `${l || d.label}. Ver página de status`,
+      "aria-label": `${l || c.label}. Ver página de status`,
       ...n,
       ...t,
       children: /* @__PURE__ */ r(
@@ -1924,7 +1939,7 @@ function kr({ status: a = "loading", history: c = [], label: l, link: n, ...t })
                       y: 16 - o,
                       width: 3,
                       height: o,
-                      fill: s === null ? "var(--mantine-color-gray-2)" : `var(--mantine-color-${d.color.replace(".", "-")})`,
+                      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
@@ -1941,7 +1956,7 @@ function kr({ status: a = "loading", history: c = [], label: l, link: n, ...t })
                 ls: "1px",
                 c: "gray.5",
                 style: { whiteSpace: "nowrap" },
-                children: l || d.label
+                children: l || c.label
               }
             )
           ]
@@ -1950,12 +1965,12 @@ function kr({ status: a = "loading", history: c = [], label: l, link: n, ...t })
     }
   );
 }
-function Br({ id: a, subtitle: c, title: l, description: n, items: t = [], ctaIcon: d, note: m, background: h = "white", ta: p = "center" }) {
+function Br({ id: a, subtitle: d, title: l, description: n, items: t = [], ctaIcon: c, note: m, background: h = "white", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
       background: h,
       ta: p,
@@ -2057,7 +2072,7 @@ function Br({ id: a, subtitle: c, title: l, description: n, items: t = [], ctaIc
                       }
                     ),
                     s.href && /* @__PURE__ */ e(
-                      W,
+                      U,
                       {
                         component: "a",
                         href: s.href,
@@ -2066,7 +2081,7 @@ function Br({ id: a, subtitle: c, title: l, description: n, items: t = [], ctaIc
                         variant: "default",
                         size: "md",
                         radius: "0",
-                        rightSection: d,
+                        rightSection: c,
                         style: {
                           width: "100%",
                           justifyContent: "space-between",
@@ -2105,11 +2120,11 @@ function Br({ id: a, subtitle: c, title: l, description: n, items: t = [], ctaIc
 }
 function jr({
   id: a,
-  subtitle: c,
+  subtitle: d,
   title: l,
   description: n,
   items: t = [],
-  categories: d = [],
+  categories: c = [],
   filtersLabel: m = "Filtrar por categoria",
   note: h,
   background: p = "white",
@@ -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 [g, o] = _("todas"), y = Ge("(min-width: 48em)", !1), w = Pe(() => g === "todas" ? t : [...t].sort((S, k) => +(k.category === g) - +(S.category === g)), [t, g]), [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
@@ -2134,7 +2149,7 @@ function jr({
       P,
       {
         id: a,
-        subtitle: c,
+        subtitle: d,
         title: l,
         background: p,
         ta: "center",
@@ -2151,7 +2166,7 @@ function jr({
               children: n
             }
           ),
-          d.length > 0 && /* @__PURE__ */ e(
+          c.length > 0 && /* @__PURE__ */ e(
             f,
             {
               gap: "xs",
@@ -2161,7 +2176,7 @@ function jr({
               role: "group",
               "aria-label": m,
               className: "rlg-shelf-filters",
-              children: d.map((S) => /* @__PURE__ */ e(
+              children: c.map((S) => /* @__PURE__ */ e(
                 Se,
                 {
                   onClick: () => o(S.id),
@@ -2214,7 +2229,7 @@ const fe = (a) => ({
   target: a.target,
   rel: a.target === "_blank" ? "noopener noreferrer" : void 0
 });
-function ar({ item: a, ctaLabel: c }) {
+function ar({ item: a, ctaLabel: d }) {
   const l = a.icon;
   return /* @__PURE__ */ r(
     I,
@@ -2286,7 +2301,7 @@ function ar({ item: a, ctaLabel: c }) {
                     children: a.description
                   }
                 ),
-                c && /* @__PURE__ */ r(
+                d && /* @__PURE__ */ r(
                   f,
                   {
                     className: "rlg-shelf-feature-cta",
@@ -2300,11 +2315,11 @@ function ar({ item: a, ctaLabel: c }) {
                           size: "sm",
                           fw: 800,
                           c: "gray.9",
-                          children: c
+                          children: d
                         }
                       ),
                       /* @__PURE__ */ e(
-                        Ee,
+                        ke,
                         {
                           size: 16,
                           stroke: 2.5,
@@ -2323,7 +2338,7 @@ function ar({ item: a, ctaLabel: c }) {
   );
 }
 function ir({ item: a }) {
-  const c = a.icon;
+  const d = a.icon;
   return /* @__PURE__ */ r(
     I,
     {
@@ -2352,8 +2367,8 @@ function ir({ item: a }) {
             className: "rlg-shelf-card-body",
             gap: "sm",
             children: [
-              c && /* @__PURE__ */ e(
-                c,
+              d && /* @__PURE__ */ e(
+                d,
                 {
                   size: 22,
                   stroke: 1.5,
@@ -2390,12 +2405,12 @@ function ir({ item: a }) {
     }
   );
 }
-function Cr({ id: a, subtitle: c, title: l, description: n, items: t = [], note: d, background: m = "gray", ta: h = "center" }) {
+function Cr({ id: a, subtitle: d, title: l, description: n, items: t = [], note: c, background: m = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
       background: m,
       ta: h,
@@ -2466,7 +2481,7 @@ function Cr({ id: a, subtitle: c, title: l, description: n, items: t = [], note:
             ))
           }
         ),
-        d && /* @__PURE__ */ e(
+        c && /* @__PURE__ */ e(
           i,
           {
             size: "sm",
@@ -2476,19 +2491,19 @@ function Cr({ id: a, subtitle: c, title: l, description: n, items: t = [], note:
             maw: 720,
             mx: h === "center" ? "auto" : void 0,
             lh: 1.7,
-            children: d
+            children: c
           }
         )
       ]
     }
   );
 }
-function Mr({ id: a, subtitle: c, title: l, description: n, cardLabel: t, items: d = [], footnote: m, background: h = "gray", ta: p = "center" }) {
+function Mr({ id: a, subtitle: d, title: l, description: n, cardLabel: t, items: c = [], footnote: m, background: h = "gray", ta: p = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
       background: h,
       ta: p,
@@ -2535,7 +2550,7 @@ function Mr({ id: a, subtitle: c, title: l, description: n, cardLabel: t, items:
                   m: 0,
                   pl: "lg",
                   style: { display: "flex", flexDirection: "column", gap: 16 },
-                  children: d.map((s, g) => /* @__PURE__ */ r(
+                  children: c.map((s, g) => /* @__PURE__ */ r(
                     i,
                     {
                       component: "li",
@@ -2592,12 +2607,12 @@ function Mr({ id: a, subtitle: c, title: l, description: n, cardLabel: t, items:
     }
   );
 }
-function Rr({ id: a, subtitle: c, title: l, description: n, avatar: t, name: d, 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: m, quote: h, credentials: p = [], background: s = "white", ta: g = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
       background: s,
       ta: g,
@@ -2644,7 +2659,7 @@ function Rr({ id: a, subtitle: c, title: l, description: n, avatar: t, name: d,
                           H,
                           {
                             src: t.src,
-                            alt: t.alt || d || "",
+                            alt: t.alt || c || "",
                             w: "100%",
                             radius: "0",
                             style: {
@@ -2657,7 +2672,7 @@ function Rr({ id: a, subtitle: c, title: l, description: n, avatar: t, name: d,
                       }
                     ) }),
                     /* @__PURE__ */ r(v.Col, { span: { base: 12, sm: "auto" }, children: [
-                      (d || m) && /* @__PURE__ */ r(
+                      (c || m) && /* @__PURE__ */ r(
                         f,
                         {
                           mb: "lg",
@@ -2665,14 +2680,14 @@ function Rr({ id: a, subtitle: c, title: l, description: n, avatar: t, name: d,
                           wrap: "wrap",
                           justify: { base: "center", sm: "flex-start" },
                           children: [
-                            d && /* @__PURE__ */ e(
+                            c && /* @__PURE__ */ e(
                               i,
                               {
                                 fz: { base: "lg", md: "xl" },
                                 fw: 800,
                                 c: "gray.9",
                                 style: { letterSpacing: "-0.02em" },
-                                children: d
+                                children: c
                               }
                             ),
                             m && /* @__PURE__ */ e(
@@ -2756,12 +2771,12 @@ function Rr({ id: a, subtitle: c, title: l, description: n, avatar: t, name: d,
     }
   );
 }
-function Nr({ id: a, badge: c, subtitle: l, title: n, description: t, items: d = [], background: m = "gray", ta: h = "center" }) {
+function Nr({ id: a, badge: d, subtitle: l, title: n, description: t, items: c = [], background: m = "gray", ta: h = "center" }) {
   return /* @__PURE__ */ r(
     P,
     {
       id: a,
-      badge: c,
+      badge: d,
       subtitle: l,
       title: n,
       background: m,
@@ -2784,10 +2799,10 @@ function Nr({ id: a, badge: c, subtitle: l, title: n, description: t, items: d =
         /* @__PURE__ */ e(
           A,
           {
-            cols: { base: 1, md: d.length <= 4 ? d.length : 3 },
+            cols: { base: 1, md: c.length <= 4 ? c.length : 3 },
             spacing: "xl",
             verticalSpacing: { base: 56, md: "xl" },
-            children: d.map((p, s) => {
+            children: c.map((p, s) => {
               const g = p.icon;
               return /* @__PURE__ */ r(
                 b,
@@ -2866,7 +2881,7 @@ function Nr({ id: a, badge: c, subtitle: l, title: n, description: t, items: d =
     }
   );
 }
-function Lr({ id: a, badge: c, title: l, description: n, fields: t = [], whatsappNumber: d, messageIntro: m = "Olá! Vim pelo site.", submit: h = {}, reassurance: p, onSubmit: s }) {
+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) => {
     const { value: q } = L.currentTarget;
     o((O) => ({ ...O, [x]: q }));
@@ -2879,7 +2894,7 @@ function Lr({ id: a, badge: c, title: l, description: n, fields: t = [], whatsap
       py: { base: 80, md: 120 },
       bg: "gray.9",
       children: /* @__PURE__ */ r(B, { size: "md", children: [
-        c && /* @__PURE__ */ e(
+        d && /* @__PURE__ */ e(
           f,
           {
             justify: "center",
@@ -2891,7 +2906,7 @@ function Lr({ id: a, badge: c, title: l, description: n, fields: t = [], whatsap
                 color: "gray",
                 size: "lg",
                 radius: "0",
-                children: c
+                children: d
               }
             )
           }
@@ -2930,8 +2945,8 @@ function Lr({ id: a, badge: c, title: l, description: n, fields: t = [], whatsap
               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(`
 `);
-              if (s?.(g), d) {
-                const q = `https://wa.me/${d}?text=${encodeURIComponent(L)}`;
+              if (s?.(g), c) {
+                const q = `https://wa.me/${c}?text=${encodeURIComponent(L)}`;
                 window.open(q, "_blank", "noopener,noreferrer");
               }
             }, children: /* @__PURE__ */ r(u, { gap: "md", children: [
@@ -2962,7 +2977,7 @@ function Lr({ id: a, badge: c, title: l, description: n, fields: t = [], whatsap
                 x.name
               )),
               /* @__PURE__ */ e(
-                W,
+                U,
                 {
                   type: "submit",
                   size: "lg",
@@ -3018,14 +3033,14 @@ function Lr({ id: a, badge: c, title: l, description: n, fields: t = [], whatsap
     }
   );
 }
-function Or({ id: a, subtitle: c, title: l, traditionalCol: n, newCol: t, background: d = "white" }) {
+function Or({ id: a, subtitle: d, title: l, traditionalCol: n, newCol: t, background: c = "white" }) {
   return /* @__PURE__ */ e(
     P,
     {
       id: a,
-      subtitle: c,
+      subtitle: d,
       title: l,
-      background: d,
+      background: c,
       children: /* @__PURE__ */ e(
         I,
         {
@@ -3041,7 +3056,7 @@ function Or({ id: a, subtitle: c, title: l, traditionalCol: n, newCol: t, backgr
                 /* @__PURE__ */ e(
                   b,
                   {
-                    bg: d === "gray" ? "gray.1" : "white",
+                    bg: c === "gray" ? "gray.1" : "white",
                     p: { base: 30, md: 60 },
                     children: /* @__PURE__ */ r(u, { gap: "xl", children: [
                       /* @__PURE__ */ r(b, { children: [
@@ -3098,7 +3113,7 @@ function Or({ id: a, subtitle: c, title: l, traditionalCol: n, newCol: t, backgr
                       /* @__PURE__ */ r(
                         b,
                         {
-                          bg: d === "gray" ? "gray.1" : "white",
+                          bg: c === "gray" ? "gray.1" : "white",
                           p: "lg",
                           radius: "0",
                           bd: "1px solid var(--mantine-color-gray-2)",
@@ -3141,7 +3156,7 @@ function Or({ id: a, subtitle: c, title: l, traditionalCol: n, newCol: t, backgr
                 /* @__PURE__ */ e(
                   b,
                   {
-                    bg: d === "gray" ? "gray.1" : "white",
+                    bg: c === "gray" ? "gray.1" : "white",
                     p: { base: 30, md: 60 },
                     pos: "relative",
                     children: /* @__PURE__ */ r(
@@ -3209,7 +3224,7 @@ function Or({ id: a, subtitle: c, title: l, traditionalCol: n, newCol: t, backgr
                           t.pricingBox && /* @__PURE__ */ e(
                             b,
                             {
-                              bg: d === "gray" ? "gray.1" : "white",
+                              bg: c === "gray" ? "gray.1" : "white",
                               p: "lg",
                               radius: "0",
                               bd: "1px solid var(--mantine-color-gray-2)",
@@ -3273,11 +3288,11 @@ function Or({ id: a, subtitle: c, title: l, traditionalCol: n, newCol: t, backgr
 }
 function Vr({
   id: a,
-  badge: c,
+  badge: d,
   subtitle: l,
   title: n,
   description: t,
-  billingOptions: d = [
+  billingOptions: c = [
     { label: "Mensal", value: "monthly" },
     { label: "Anual", value: "annual" }
   ],
@@ -3291,7 +3306,7 @@ function Vr({
     P,
     {
       id: a,
-      badge: c,
+      badge: d,
       subtitle: l,
       title: n,
       ta: "center",
@@ -3311,7 +3326,7 @@ function Vr({
             children: t
           }
         ),
-        d && d.length > 0 && /* @__PURE__ */ e(
+        c && c.length > 0 && /* @__PURE__ */ e(
           u,
           {
             align: "center",
@@ -3325,7 +3340,7 @@ function Vr({
                   onChange: h,
                   radius: "0",
                   size: "md",
-                  data: d,
+                  data: c,
                   color: "gray.9",
                   bg: "white",
                   style: { border: "1px solid var(--mantine-color-gray-2)" }
@@ -3623,8 +3638,8 @@ function Vr({
     }
   );
 }
-function $r({ id: a, badge: c, subtitle: l, title: n, description: t, questions: d = [], contactCard: m, background: h = "white", ta: p = "left" }) {
-  const s = Math.ceil(d.length / 2), g = {
+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 = {
     item: {
       backgroundColor: h === "gray" ? "gray.1" : "white",
       border: "1px solid var(--mantine-color-gray-2)"
@@ -3647,7 +3662,7 @@ function $r({ id: a, badge: c, subtitle: l, title: n, description: t, questions:
     P,
     {
       id: a,
-      badge: c,
+      badge: d,
       subtitle: l,
       title: n,
       background: h,
@@ -3680,7 +3695,7 @@ function $r({ id: a, badge: c, subtitle: l, title: n, description: t, questions:
                   radius: "0",
                   chevronPosition: "right",
                   styles: g,
-                  children: d.slice(0, s).map((o, y) => /* @__PURE__ */ r(
+                  children: c.slice(0, s).map((o, y) => /* @__PURE__ */ r(
                     R.Item,
                     {
                       value: o.value || String(y),
@@ -3715,7 +3730,7 @@ function $r({ id: a, badge: c, subtitle: l, title: n, description: t, questions:
                   radius: "0",
                   chevronPosition: "right",
                   styles: g,
-                  children: d.slice(s).map((o, y) => /* @__PURE__ */ r(
+                  children: c.slice(s).map((o, y) => /* @__PURE__ */ r(
                     R.Item,
                     {
                       value: o.value || String(s + y),
@@ -3812,20 +3827,20 @@ function $r({ id: a, badge: c, subtitle: l, title: n, description: t, questions:
     }
   );
 }
-function Ur({ id: a, title: c, subtitle: l, items: n = [], background: t = "gray" }) {
+function Wr({ id: a, title: d, subtitle: l, items: n = [], background: t = "gray" }) {
   return /* @__PURE__ */ e(
     P,
     {
       id: a,
       background: t,
-      title: c,
+      title: d,
       subtitle: l,
       children: /* @__PURE__ */ e(
         A,
         {
           cols: { base: 1, md: n.length > 3 ? 4 : n.length || 3 },
           spacing: "xl",
-          children: n.map((d, m) => /* @__PURE__ */ e(
+          children: n.map((c, m) => /* @__PURE__ */ e(
             I,
             {
               p: "xl",
@@ -3840,7 +3855,7 @@ function Ur({ id: a, title: c, subtitle: l, items: n = [], background: t = "gray
                   h: "100%",
                   children: [
                     /* @__PURE__ */ e(
-                      ke,
+                      Ee,
                       {
                         size: 32,
                         color: "var(--mantine-color-gray-3)"
@@ -3856,7 +3871,7 @@ function Ur({ id: a, title: c, subtitle: l, items: n = [], background: t = "gray
                         flex: 1,
                         children: [
                           '"',
-                          d.content,
+                          c.content,
                           '"'
                         ]
                       }
@@ -3873,8 +3888,8 @@ function Ur({ id: a, title: c, subtitle: l, items: n = [], background: t = "gray
                               size: "md",
                               radius: "0",
                               color: "gray",
-                              src: d.avatarSrc,
-                              children: d.initials
+                              src: c.avatarSrc,
+                              children: c.initials
                             }
                           ),
                           /* @__PURE__ */ r(u, { gap: 0, children: [
@@ -3883,7 +3898,7 @@ function Ur({ id: a, title: c, subtitle: l, items: n = [], background: t = "gray
                               {
                                 size: "sm",
                                 fw: 900,
-                                children: d.name
+                                children: c.name
                               }
                             ),
                             /* @__PURE__ */ e(
@@ -3894,7 +3909,7 @@ function Ur({ id: a, title: c, subtitle: l, items: n = [], background: t = "gray
                                 tt: "uppercase",
                                 ls: "1px",
                                 c: "gray.5",
-                                children: d.role
+                                children: c.role
                               }
                             )
                           ] })
@@ -3917,7 +3932,7 @@ const le = {
   label: { whiteSpace: "normal", lineHeight: 1.4 },
   inner: { paddingTop: 12, paddingBottom: 12 }
 };
-function ye({ id: a, subtitle: c, title: l, titleOrder: n = 2, description: t, featuresList: d, 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: m, cta: h, secondaryCta: p, background: s = "gray", ta: g = "center" }) {
   return /* @__PURE__ */ e(
     P,
     {
@@ -3939,7 +3954,7 @@ function ye({ id: a, subtitle: c, title: l, titleOrder: n = 2, description: t, f
               ta: g,
               gap: "xl",
               children: [
-                c && /* @__PURE__ */ e(
+                d && /* @__PURE__ */ e(
                   i,
                   {
                     size: "xs",
@@ -3947,7 +3962,7 @@ function ye({ id: a, subtitle: c, title: l, titleOrder: n = 2, description: t, f
                     tt: "uppercase",
                     ls: "1.5px",
                     c: "gray.4",
-                    children: c
+                    children: d
                   }
                 ),
                 l && // Title, e não Text: o banner costuma ser a única seção
@@ -3972,7 +3987,7 @@ function ye({ id: a, subtitle: c, title: l, titleOrder: n = 2, description: t, f
                     children: t
                   }
                 ),
-                d && d.length > 0 && /* @__PURE__ */ r(b, { ta: "left", children: [
+                c && c.length > 0 && /* @__PURE__ */ r(b, { ta: "left", children: [
                   m && /* @__PURE__ */ e(
                     i,
                     {
@@ -4002,7 +4017,7 @@ function ye({ id: a, subtitle: c, title: l, titleOrder: n = 2, description: t, f
                           )
                         }
                       ),
-                      children: d.map((y, w) => /* @__PURE__ */ e(V.Item, { children: /* @__PURE__ */ e(
+                      children: c.map((y, w) => /* @__PURE__ */ e(V.Item, { children: /* @__PURE__ */ e(
                         i,
                         {
                           c: "gray.6",
@@ -4075,22 +4090,22 @@ function ye({ id: a, subtitle: c, title: l, titleOrder: n = 2, description: t, f
     }
   );
 }
-const Wr = ye;
+const Ur = ye;
 function tr() {
   pe(() => {
     const a = document.createElement("meta");
     return a.name = "robots", a.content = "noindex, follow", document.head.appendChild(a), () => a.remove();
   }, []);
 }
-function Hr({ subtitle: a = "Erro 404", title: c = "Esta página não existe", description: l = "O endereço está errado ou a página saiu do ar. O conteúdo do site está todo na home.", homeHref: n = "/", cta: t, background: d = "white" }) {
+function Hr({ subtitle: a = "Erro 404", title: d = "Esta página não existe", description: l = "O endereço está errado ou a página saiu do ar. O conteúdo do site está todo na home.", homeHref: n = "/", cta: t, background: c = "white" }) {
   return tr(), /* @__PURE__ */ e(
     ye,
     {
       subtitle: a,
-      title: c,
+      title: d,
       titleOrder: 1,
       description: l,
-      background: d,
+      background: c,
       cta: t ?? {
         label: "Voltar para a home",
         href: n,
@@ -4105,7 +4120,7 @@ function Hr({ subtitle: a = "Erro 404", title: c = "Esta página não existe", d
     }
   );
 }
-function nr({ text: a = "Selo Exclusivo", color: c = "green.6", background: l = "gray" }) {
+function nr({ text: a = "Selo Exclusivo", color: d = "green.6", background: l = "gray" }) {
   const n = N(l);
   return /* @__PURE__ */ e(
     b,
@@ -4120,7 +4135,7 @@ function nr({ text: a = "Selo Exclusivo", color: c = "green.6", background: l =
         /* @__PURE__ */ e(
           z,
           {
-            color: c,
+            color: d,
             variant: "light",
             size: "sm",
             children: /* @__PURE__ */ e(
@@ -4148,7 +4163,7 @@ function nr({ text: a = "Selo Exclusivo", color: c = "green.6", background: l =
   );
 }
 const _r = nr;
-function Gr({ logo: a, description: c, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: d, background: m = "white", status: h }) {
+function Gr({ logo: a, description: d, sections: l = [], socialLinks: n = [], copyrightText: t, madeByText: c, background: m = "white", status: h }) {
   const p = N(m);
   return /* @__PURE__ */ e(
     b,
@@ -4166,14 +4181,14 @@ function Gr({ logo: a, description: c, sections: l = [], socialLinks: n = [], co
             children: [
               /* @__PURE__ */ r(u, { gap: "lg", children: [
                 a && /* @__PURE__ */ e(Z, { logo: a }),
-                c && /* @__PURE__ */ e(
+                d && /* @__PURE__ */ e(
                   i,
                   {
                     size: "md",
                     c: "gray.6",
                     lh: 1.6,
                     maw: 400,
-                    children: c
+                    children: d
                   }
                 ),
                 h
@@ -4279,7 +4294,7 @@ function Gr({ logo: a, description: c, sections: l = [], socialLinks: n = [], co
                   children: t
                 }
               ),
-              d && /* @__PURE__ */ e(
+              c && /* @__PURE__ */ e(
                 i,
                 {
                   size: "xs",
@@ -4287,7 +4302,7 @@ function Gr({ logo: a, description: c, sections: l = [], socialLinks: n = [], co
                   tt: "uppercase",
                   ls: "1px",
                   c: "gray.5",
-                  children: d
+                  children: c
                 }
               )
             ]
@@ -4297,8 +4312,8 @@ function Gr({ logo: a, description: c, sections: l = [], socialLinks: n = [], co
     }
   );
 }
-function Kr({ companyName: a = "Infrastructure", legalEntity: c, productName: l = "nossos produtos" }) {
-  const n = c || a, t = n.split(" (")[0];
+function Kr({ companyName: a = "Infrastructure", legalEntity: d, productName: l = "nossos produtos" }) {
+  const n = d || a, t = n.split(" (")[0];
   return /* @__PURE__ */ e(
     b,
     {
@@ -4608,8 +4623,8 @@ function Kr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
     }
   );
 }
-function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l = "nossos produtos" }) {
-  const n = c || a, t = n.split(" (")[0];
+function Qr({ companyName: a = "Infrastructure", legalEntity: d, productName: l = "nossos produtos", lastUpdated: n = "20 de setembro de 2026" }) {
+  const t = d || a, c = t.split(" (")[0];
   return /* @__PURE__ */ e(
     b,
     {
@@ -4657,7 +4672,7 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                 "Bem-vindo ao ",
                 /* @__PURE__ */ e("strong", { children: l }),
                 ". Este documento constitui um contrato vinculativo entre você e ",
-                n,
+                t,
                 ". Ao acessar a plataforma, criar uma conta ou utilizar qualquer funcionalidade do software, você confirma que leu, entendeu e aceita integralmente estes termos."
               ]
             }
@@ -4715,7 +4730,7 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                       c: "gray.6",
                       lh: 1.7,
                       children: [
-                        t,
+                        c,
                         " concede a você uma licença limitada, revogável, não exclusiva e intransferível para utilizar o ",
                         l,
                         " como um serviço (SaaS). Esta licença é estritamente para os fins descritos em sua modalidade de assinatura. É expressamente proibido: (a) realizar engenharia reversa; (b) sublicenciar o acesso sem autorização prévia por escrito; (c) utilizar o software para desenvolver produtos concorrentes ou (d) contornar quaisquer limitações técnicas impostas ao sistema."
@@ -4769,7 +4784,7 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                       lh: 1.7,
                       children: [
                         "A segurança da sua conta é uma responsabilidade compartilhada. Você deve fornecer informações precisas e manter a confidencialidade de suas senhas. Qualquer uso indevido da conta por terceiros, resultante de negligência do usuário, será de sua inteira responsabilidade.",
-                        t,
+                        c,
                         " reserva-se o direito de suspender contas que apresentem comportamento suspeito ou que violem as normas de segurança da infraestrutura."
                       ]
                     }
@@ -4823,7 +4838,7 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                         "Todo o código-fonte, design, interfaces, logotipos e textos do ",
                         l,
                         " são propriedade exclusiva de ",
-                        t,
+                        c,
                         ". No entanto, você retém todos os direitos sobre o conteúdo e dados que inseridos no sistema. Ao utilizar o produto, você nos concede apenas uma licença técnica, mundial e livre de royalties, para hospedar, copiar e exibir tais dados conforme necessário para prestar o serviço contratado."
                       ]
                     }
@@ -4931,7 +4946,7 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                         " é fornecido ",
                         /* @__PURE__ */ e("em", { children: '"as is"' }),
                         " (como está). Embora busquemos a excelência técnica, ",
-                        t,
+                        c,
                         " não garante que o software seja livre de erros ou interrupções. Em nenhuma hipótese a companhia será responsável por danos indiretos, lucros cessantes ou qualquer perda de dados que ultrapasse o valor total pago pelo usuário nos últimos 12 meses."
                       ]
                     }
@@ -4963,8 +4978,10 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
               lh: 1.8,
               children: [
                 "Reservamo-nos o direito de alterar estes Termos a qualquer momento. Alterações substanciais serão comunicadas com pelo menos 30 dias de antecedência. Este contrato é regido pelas leis da República Federativa do Brasil, sendo eleito o foro da comarca da sede de ",
-                t,
-                " para dirimir quaisquer controvérsias. Última atualização: 27 de Março de 2026."
+                c,
+                " para dirimir quaisquer controvérsias. Última atualização: ",
+                n,
+                "."
               ]
             }
           )
@@ -4973,8 +4990,8 @@ function Qr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
     }
   );
 }
-function Yr({ companyName: a = "Infrastructure", legalEntity: c, productName: l = "nossos produtos" }) {
-  const n = c || a;
+function Yr({ companyName: a = "Infrastructure", legalEntity: d, productName: l = "nossos produtos" }) {
+  const n = d || a;
   return n.split(" (")[0], /* @__PURE__ */ e(
     b,
     {
@@ -5153,7 +5170,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      Ue,
+                      We,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5201,7 +5218,7 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
                     radius: "0",
                     color: "gray",
                     children: /* @__PURE__ */ e(
-                      We,
+                      Ue,
                       {
                         size: 32,
                         stroke: 1.2
@@ -5270,8 +5287,8 @@ function Yr({ companyName: a = "Infrastructure", legalEntity: c, productName: l
   );
 }
 const or = 6, lr = 2e3;
-function Xr(a, { intervalMs: c = 3e4, maxSamples: l = 40 } = {}) {
-  const [n, t] = _({ status: "loading", checks: [], checkedAt: null, error: null, loading: !0 }), [d, m] = _([]), h = De([]);
+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([]);
   return pe(() => {
     if (!a) return;
     h.current = [], m([]);
@@ -5281,9 +5298,9 @@ function Xr(a, { intervalMs: c = 3e4, maxSamples: l = 40 } = {}) {
     }, g = () => (/* @__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({
           status: x.status || "operational",
@@ -5300,28 +5317,28 @@ function Xr(a, { intervalMs: c = 3e4, maxSamples: l = 40 } = {}) {
     };
     let y = !0, w = 0, T;
     const D = async () => {
-      await o(), !p && (w += 1, T = setTimeout(D, w < or ? lr : c));
+      await o(), !p && (w += 1, T = setTimeout(D, w < or ? lr : d));
     };
     return D(), () => {
       p = !0, clearTimeout(T);
     };
-  }, [a, c, l]), {
+  }, [a, d, l]), {
     ...n,
-    latency: d.map((p) => ({ time: p.time, ms: p.ms })),
+    latency: c.map((p) => ({ time: p.time, ms: p.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: sr(d),
+    uptime: sr(c),
     // 1 = respondeu, 0.25 = falhou. Zero puro sumiria da barra e a falha
     // ficaria invisível justamente quando importa.
-    history: d.map((p) => p.up ? 1 : 0.25)
+    history: c.map((p) => p.up ? 1 : 0.25)
   };
 }
-function sr(a, c = 12) {
+function sr(a, d = 12) {
   if (a.length === 0) return [];
-  const l = Math.max(1, Math.ceil(a.length / c)), n = [];
+  const l = Math.max(1, Math.ceil(a.length / d)), n = [];
   for (let t = 0; t < a.length; t += l) {
-    const d = a.slice(t, t + l), m = d.filter((h) => h.up).length;
-    n.push({ day: d[d.length - 1].time, pct: m / d.length * 100 });
+    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 });
   }
   return n;
 }
@@ -5353,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,
   _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,