npm - @riligar/components-kit - Versions diffs - 1.5.3 → 1.6.0 - Mend

@riligar/components-kit 1.5.3 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { createTheme as Z, Stack as p, Text as t, Title as q, Center as v, Box as y, Button as H, Container as E, Paper as x, Group as f, SimpleGrid as w, Image as K, List as G, ThemeIcon as T, Grid as b, Badge as j, Code as ee, RingProgress as re, Divider as N, SegmentedControl as le, Accordion as S, Avatar as ie, Anchor as ne, ActionIcon as ae } from "@mantine/core";
-import { jsxs as i, jsx as e, Fragment as L } from "react/jsx-runtime";
-import { useWindowScroll as te } from "@mantine/hooks";
-import { IconCheck as V, IconBolt as U, IconQuote as ce, IconCircleCheck as oe } from "@tabler/icons-react";
-import { Fragment as se } from "react";
-const Te = Z({
+import { createTheme as Y, Stack as p, Text as c, Title as Z, Center as z, Box as y, Button as H, Container as j, Paper as x, Group as f, SimpleGrid as v, Image as $, List as G, ThemeIcon as T, Grid as b, Badge as C, Code as q, RingProgress as ee, Divider as N, SegmentedControl as re, Accordion as S, Avatar as le, Anchor as ie, ActionIcon as ne } from "@mantine/core";
+import { jsxs as i, jsx as e, Fragment as K } from "react/jsx-runtime";
+import { useWindowScroll as ae } from "@mantine/hooks";
+import { IconCheck as V, IconBolt as L, IconQuote as te, IconCircleCheck as ce } from "@tabler/icons-react";
+import { Fragment as oe } from "react";
+const Be = Y({
   fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
   headings: {
     fontFamily: 'Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
@@ -134,6 +134,11 @@ const Te = Z({
         size: "lg"
       }
     },
+    ActionIcon: {
+      defaultProps: {
+        radius: "0"
+      }
+    },
     Divider: {
       defaultProps: {
         color: "gray.2"
@@ -141,21 +146,21 @@ const Te = Z({
     }
   }
 });
-function Q({
+function _({
   subtitle: r,
-  title: c,
+  title: t,
   titleOrder: a = 2,
   titleFz: l = "var(--fz-section-title)",
   ta: n = "left",
   maw: o
 }) {
-  return !c && !r ? null : /* @__PURE__ */ i(p, { gap: "xs", align: n === "center" ? "center" : "flex-start", ta: n, children: [
-    r && /* @__PURE__ */ e(t, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
-    c && /* @__PURE__ */ e(q, { order: a, fz: l, maw: o, children: c })
+  return !t && !r ? null : /* @__PURE__ */ i(p, { gap: "xs", align: n === "center" ? "center" : "flex-start", ta: n, children: [
+    r && /* @__PURE__ */ e(c, { c: "gray.4", size: "xs", fw: 800, tt: "uppercase", ls: "1.5px", children: r }),
+    t && /* @__PURE__ */ e(Z, { order: a, fz: l, maw: o, children: t })
   ] });
 }
-function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
-  return r ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+function Q({ video: r, image: t, width: a = "100%", maw: l, alt: n }) {
+  return r ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
     y,
     {
       component: "video",
@@ -169,11 +174,11 @@ function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
       h: "auto",
       style: { filter: r.filter || "none" }
     }
-  ) }) : c ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+  ) }) : t ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
     y,
     {
       component: "img",
-      src: c,
+      src: t,
       alt: n || "",
       w: a,
       h: "auto",
@@ -183,7 +188,7 @@ function J({ video: r, image: c, width: a = "100%", maw: l, alt: n }) {
 }
 function P({
   label: r,
-  href: c,
+  href: t,
   onClick: a,
   icon: l,
   size: n = "lg",
@@ -199,8 +204,8 @@ function P({
     H,
     {
       size: n,
-      component: c ? "a" : "button",
-      href: c,
+      component: t ? "a" : "button",
+      href: t,
       onClick: a,
       target: d,
       rightSection: l,
@@ -214,12 +219,12 @@ function P({
     }
   );
 }
-const Pe = {
+const Te = {
   white: "white",
   gray: "gray.1"
-}, z = (r) => r;
-function I({ children: r, title: c, subtitle: a, id: l, background: n = "white", py: o = { base: 80, md: 120 }, maw: h = 800, ta: d = "left", stackGap: m = "xl" }) {
-  const s = z(n);
+}, F = (r) => r === "gray.9" || r === "dark" ? "gray.0" : r === "white" ? "white" : "gray.1";
+function I({ children: r, title: t, subtitle: a, id: l, background: n = "white", py: o = { base: 80, md: 120 }, maw: h = 800, ta: d = "left", stackGap: m = "xl" }) {
+  const s = F(n);
   return /* @__PURE__ */ e(
     y,
     {
@@ -228,12 +233,12 @@ function I({ children: r, title: c, subtitle: a, id: l, background: n = "white",
       bg: s,
       py: o,
       style: { overflow: "hidden" },
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(p, { gap: m, children: [
+      children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(p, { gap: m, children: [
         /* @__PURE__ */ e(
-          Q,
+          _,
           {
             subtitle: a,
-            title: c,
+            title: t,
             ta: d,
             maw: h
           }
@@ -243,17 +248,17 @@ function I({ children: r, title: c, subtitle: a, id: l, background: n = "white",
     }
   );
 }
-function De({ children: r }) {
+function Pe({ children: r }) {
   return /* @__PURE__ */ e(y, { style: { minHeight: "100vh", scrollBehavior: "smooth" }, children: r });
 }
-function de({
+function se({
   logo: r,
-  navLinks: c = [],
+  navLinks: t = [],
   loginCta: a,
   signupCta: l,
   background: n = "white"
 }) {
-  const o = z(n), [h] = te(), d = h.y > 10, m = (g) => {
+  const o = F(n), [h] = ae(), d = h.y > 10, m = (g) => {
     g === "top" ? window.scrollTo({ top: 0, behavior: "smooth" }) : document.getElementById(g)?.scrollIntoView({ behavior: "smooth" });
   }, s = (g, u) => {
     (g.key === "Enter" || g.key === " ") && (g.preventDefault(), m(u));
@@ -266,7 +271,7 @@ function de({
       top: 0,
       w: "100%",
       style: { zIndex: 100, pointerEvents: "none" },
-      children: /* @__PURE__ */ e(E, { size: "xl", py: "md", children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e(j, { size: "xl", py: "md", children: /* @__PURE__ */ e(
         x,
         {
           shadow: d ? "sm" : "none",
@@ -302,7 +307,7 @@ function de({
                     )
                   }
                 ),
-                c.length > 0 && /* @__PURE__ */ e(
+                t.length > 0 && /* @__PURE__ */ e(
                   f,
                   {
                     gap: "xl",
@@ -310,8 +315,8 @@ function de({
                     component: "nav",
                     role: "navigation",
                     "aria-label": "Menu principal",
-                    children: c.map((g) => /* @__PURE__ */ e(
-                      t,
+                    children: t.map((g) => /* @__PURE__ */ e(
+                      c,
                       {
                         size: "sm",
                         fw: 900,
@@ -356,8 +361,8 @@ function de({
                       color: "dark",
                       variant: "filled",
                       children: [
-                        /* @__PURE__ */ e(t, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
-                        /* @__PURE__ */ e(t, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: l.labelMobile || l.label })
+                        /* @__PURE__ */ e(c, { span: !0, visibleFrom: "sm", c: "white", fw: 900, size: "sm", children: l.label }),
+                        /* @__PURE__ */ e(c, { span: !0, hiddenFrom: "sm", c: "white", fw: 900, size: "xs", children: l.labelMobile || l.label })
                       ]
                     }
                   )
@@ -370,16 +375,16 @@ function de({
     }
   );
 }
-const Ae = de;
-function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o, background: h = "white", mediaMaw: d }) {
+const Ae = se;
+function De({ subtitle: r, title: t, description: a, cta: l, video: n, image: o, background: h = "white", mediaMaw: d }) {
   return /* @__PURE__ */ e(
     y,
     {
       py: { base: 80, sm: 100, md: 140 },
       id: "hero",
       bg: h,
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
-        w,
+      children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(
+        v,
         {
           cols: { base: 1, md: 2 },
           spacing: { base: 60, md: 100 },
@@ -393,18 +398,18 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
                 gap: { base: 32, md: 48 },
                 ta: { base: "center", md: "left" },
                 children: [
-                  /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-                    Q,
+                  /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
+                    _,
                     {
                       subtitle: r,
-                      title: c,
+                      title: t,
                       titleOrder: 1,
                       titleFz: "var(--fz-hero)",
                       ta: "inherit"
                     }
                   ) }),
-                  a && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
-                    t,
+                  a && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
+                    c,
                     {
                       size: "xl",
                       c: "gray.6",
@@ -413,7 +418,7 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
                       children: a
                     }
                   ) }),
-                  l && /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+                  l && /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
                     f,
                     {
                       gap: "md",
@@ -436,7 +441,7 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
               }
             ),
             /* @__PURE__ */ e(
-              J,
+              Q,
               {
                 video: n,
                 image: o,
@@ -450,10 +455,10 @@ function Ce({ subtitle: r, title: c, description: a, cta: l, video: n, image: o,
     }
   );
 }
-function he({ logo: r, index: c }) {
+function de({ logo: r, index: t }) {
   const a = {
     src: r.src,
-    alt: r.alt || `Logo ${c}`,
+    alt: r.alt || `Logo ${t}`,
     h: r.height || 50,
     w: "auto",
     style: {
@@ -468,17 +473,17 @@ function he({ logo: r, index: c }) {
       l.currentTarget.style.filter = "grayscale(1) opacity(0.4)";
     }
   };
-  return r.url ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(
+  return r.url ? /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
     "a",
     {
       href: r.url,
       target: "_blank",
       rel: "noopener noreferrer",
-      children: /* @__PURE__ */ e(K, { ...a })
+      children: /* @__PURE__ */ e($, { ...a })
     }
-  ) }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(K, { ...a }) });
+  ) }) : /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e($, { ...a }) });
 }
-function je({ id: r, title: c, logos: a, background: l = "gray" }) {
+function Ce({ id: r, title: t, logos: a, background: l = "gray" }) {
   return !a || a.length === 0 ? null : /* @__PURE__ */ e(
     y,
     {
@@ -486,23 +491,23 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
       id: r,
       py: { base: 40, md: 60 },
       bg: l,
-      bd: { bottom: "1px solid var(--mantine-color-gray-1)" },
-      children: /* @__PURE__ */ e(E, { size: "lg", children: /* @__PURE__ */ i(
+      bd: { bottom: "1px solid var(--mantine-color-gray-2)" },
+      children: /* @__PURE__ */ e(j, { size: "lg", children: /* @__PURE__ */ i(
         p,
         {
           align: "center",
           ta: "center",
           gap: "xl",
           children: [
-            c && /* @__PURE__ */ e(
-              t,
+            t && /* @__PURE__ */ e(
+              c,
               {
                 fw: 500,
                 c: "gray.5",
                 size: "sm",
                 tt: "uppercase",
                 ls: "0.1em",
-                children: c
+                children: t
               }
             ),
             /* @__PURE__ */ e(
@@ -513,7 +518,7 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
                 style: { rowGap: 40 },
                 w: "100%",
                 children: a.map((n, o) => /* @__PURE__ */ e(
-                  he,
+                  de,
                   {
                     logo: n,
                     index: o
@@ -528,7 +533,7 @@ function je({ id: r, title: c, logos: a, background: l = "gray" }) {
     }
   );
 }
-function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta: o, video: h, image: d, reverse: m = !1, background: s = "white", mediaMaw: g }) {
+function je({ id: r, subtitle: t, title: a, description: l, featuresList: n, cta: o, video: h, image: d, reverse: m = !1, background: s = "white", mediaMaw: g }) {
   const u = n && n.length > 0 && /* @__PURE__ */ e(
     G,
     {
@@ -550,16 +555,16 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
           )
         }
       ),
-      children: n.map((F, B) => /* @__PURE__ */ e(G.Item, { children: F }, B))
+      children: n.map((B, k) => /* @__PURE__ */ e(G.Item, { children: B }, k))
     }
-  ), D = /* @__PURE__ */ i(
+  ), A = /* @__PURE__ */ i(
     p,
     {
       justify: "center",
       gap: "lg",
       children: [
         l && /* @__PURE__ */ e(
-          t,
+          c,
           {
             c: "gray.6",
             size: "xl",
@@ -581,8 +586,8 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
         ) })
       ]
     }
-  ), A = (h || d) && /* @__PURE__ */ e(
-    J,
+  ), w = (h || d) && /* @__PURE__ */ e(
+    Q,
     {
       video: h,
       image: d,
@@ -594,37 +599,37 @@ function Ee({ id: r, subtitle: c, title: a, description: l, featuresList: n, cta
     I,
     {
       id: r,
-      subtitle: c,
+      subtitle: t,
       title: a,
       background: s,
       children: /* @__PURE__ */ e(
-        w,
+        v,
         {
           cols: { base: 1, md: 2 },
           spacing: { base: 40, md: 80 },
           verticalSpacing: { base: 40, md: 50 },
-          children: m ? /* @__PURE__ */ i(L, { children: [
-            A,
-            D
-          ] }) : /* @__PURE__ */ i(L, { children: [
-            D,
+          children: m ? /* @__PURE__ */ i(K, { children: [
+            w,
             A
+          ] }) : /* @__PURE__ */ i(K, { children: [
+            A,
+            w
           ] })
         }
       )
     }
   );
 }
-function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [] }) {
+function ke({ id: r, subtitle: t, title: a, background: l = "gray", items: n = [] }) {
   return /* @__PURE__ */ e(
     I,
     {
       id: r,
-      subtitle: c,
+      subtitle: t,
       title: a,
       background: l,
       children: /* @__PURE__ */ e(b, { gutter: "lg", children: n.map((o, h) => /* @__PURE__ */ e(
-        ge,
+        he,
         {
           ...o
         },
@@ -633,9 +638,9 @@ function Me({ id: r, subtitle: c, title: a, background: l = "gray", items: n = [
     }
   );
 }
-function ge({
+function he({
   icon: r,
-  iconVariant: c,
+  iconVariant: t,
   iconColor: a,
   label: l,
   title: n,
@@ -645,15 +650,14 @@ function ge({
   descriptionMaw: m,
   span: s = { base: 12, md: 6 },
   background: g = "white",
-  dark: u = !1,
-  visual: D,
+  visual: u,
   secondaryVisual: A,
-  layout: F = "stacked",
+  layout: w = "stacked",
   badges: B,
-  codeBlock: W,
-  decorativeContent: O,
-  style: M,
-  ...k
+  codeBlock: k,
+  decorativeContent: W,
+  style: E,
+  ...M
 }) {
   const R = /* @__PURE__ */ i(y, { children: [
     r && /* @__PURE__ */ e(
@@ -661,10 +665,9 @@ function ge({
       {
         size: 48,
         radius: "0",
-        variant: c || (u ? "filled" : "light"),
-        color: a || (u ? "gray.7" : "gray"),
+        variant: t || "light",
+        color: a || "gray",
         mb: "lg",
-        style: u ? { color: "white" } : void 0,
         children: /* @__PURE__ */ e(
           r,
           {
@@ -675,7 +678,7 @@ function ge({
       }
     ),
     l && /* @__PURE__ */ e(
-      t,
+      c,
       {
         size: "sm",
         fw: 800,
@@ -687,47 +690,47 @@ function ge({
       }
     ),
     n && /* @__PURE__ */ e(
-      t,
+      c,
       {
-        fz: o || (F === "compact" ? "h4" : "h3"),
+        fz: o || (w === "compact" ? "h4" : "h3"),
         fw: 900,
         lh: 1.2,
         mb: "sm",
-        c: u ? "white" : void 0,
+        c: void 0,
         children: n
       }
     ),
     h && /* @__PURE__ */ e(
-      t,
+      c,
       {
-        c: u ? "gray.4" : "gray.6",
-        size: d || (F === "compact" ? "sm" : "lg"),
+        c: "gray.6",
+        size: d || (w === "compact" ? "sm" : "lg"),
         maw: m,
-        mb: B ? "xl" : F === "compact" ? "lg" : void 0,
+        mb: B ? "xl" : w === "compact" ? "lg" : void 0,
         children: h
       }
     ),
-    B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((X, Y) => /* @__PURE__ */ e(
-      j,
+    B && B.length > 0 && /* @__PURE__ */ e(f, { children: B.map((J, X) => /* @__PURE__ */ e(
+      C,
       {
         variant: "dot",
         color: "gray",
         radius: "0",
-        children: X
+        children: J
       },
-      Y
+      X
     )) })
-  ] }), C = D ? _(D, u) : null, $ = A ? _(A, u) : null;
-  return F === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
+  ] }), D = u ? U(u) : null, O = A ? U(A) : null;
+  return w === "split" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
     x,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: z(g),
+      bg: F(g),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: M,
-      ...k,
+      style: E,
+      ...M,
       children: /* @__PURE__ */ i(
         b,
         {
@@ -736,15 +739,15 @@ function ge({
           children: [
             /* @__PURE__ */ e(b.Col, { span: { base: 12, sm: 6 }, children: R }),
             /* @__PURE__ */ i(b.Col, { span: { base: 12, sm: 6 }, children: [
-              C,
-              W && /* @__PURE__ */ e(
-                ee,
+              D,
+              k && /* @__PURE__ */ e(
+                q,
                 {
                   block: !0,
                   color: "gray.0",
                   c: "gray.7",
                   style: { fontSize: 12, lineHeight: 1.4, borderRadius: 0 },
-                  children: W
+                  children: k
                 }
               )
             ] })
@@ -752,32 +755,32 @@ function ge({
         }
       )
     }
-  ) }) : F === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
+  ) }) : w === "compact" ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ i(
     x,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: z(g),
+      bg: F(g),
       bd: "1px solid var(--mantine-color-gray-2)",
-      style: M,
-      ...k,
+      style: E,
+      ...M,
       children: [
         R,
-        C
+        D
       ]
     }
-  ) }) : O ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
+  ) }) : W ? /* @__PURE__ */ e(b.Col, { span: s, children: /* @__PURE__ */ e(
     x,
     {
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: z(g),
+      bg: F(g),
       bd: "1px solid var(--mantine-color-gray-2)",
       pos: "relative",
-      style: M,
-      ...k,
+      style: E,
+      ...M,
       children: /* @__PURE__ */ i(
         b,
         {
@@ -797,7 +800,7 @@ function ge({
               {
                 span: 5,
                 visibleFrom: "sm",
-                children: O
+                children: W
               }
             )
           ]
@@ -810,50 +813,50 @@ function ge({
       h: "100%",
       p: { base: "xl", md: 40 },
       radius: "0",
-      bg: z(g),
+      bg: F(g),
       bd: "1px solid var(--mantine-color-gray-2)",
       display: "flex",
       style: {
         flexDirection: "column",
         justifyContent: "space-between",
-        ...M
+        ...E
       },
-      ...k,
+      ...M,
       children: [
         R,
-        C && $ ? /* @__PURE__ */ i(
+        D && O ? /* @__PURE__ */ i(
           f,
           {
             gap: 40,
             align: "center",
             children: [
-              C,
-              $
+              D,
+              O
             ]
           }
-        ) : C
+        ) : D
       ]
     }
   ) });
 }
-function _(r, c) {
+function U(r) {
   if (!r) return null;
   switch (r.type) {
     case "ring":
       return /* @__PURE__ */ e(
-        re,
+        ee,
         {
           size: r.size || 140,
           thickness: r.thickness || 12,
-          sections: [{ value: r.value || 100, color: "gray.9" }],
-          label: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
+          sections: [{ value: r.value || 100, color: "gray.7" }],
+          label: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ i(
             p,
             {
               gap: 0,
               align: "center",
               children: [
                 /* @__PURE__ */ e(
-                  t,
+                  c,
                   {
                     fw: 900,
                     size: "xl",
@@ -862,7 +865,7 @@ function _(r, c) {
                   }
                 ),
                 r.sublabel && /* @__PURE__ */ e(
-                  t,
+                  c,
                   {
                     size: "xs",
                     c: "gray.5",
@@ -878,17 +881,17 @@ function _(r, c) {
     case "metric":
       return /* @__PURE__ */ i(p, { gap: 0, children: [
         /* @__PURE__ */ e(
-          t,
+          c,
           {
             fw: 900,
             fz: 32,
-            c: "gray.9",
+            c: "gray.8",
             lh: 1,
             children: r.value
           }
         ),
         /* @__PURE__ */ e(
-          t,
+          c,
           {
             size: "sm",
             c: "gray.5",
@@ -897,7 +900,7 @@ function _(r, c) {
           }
         ),
         r.badge && /* @__PURE__ */ e(
-          j,
+          C,
           {
             mt: "md",
             color: "gray",
@@ -915,31 +918,32 @@ function _(r, c) {
           gap: 8,
           h: r.height || 100,
           preventGrowOverflow: !1,
-          children: (r.data || []).map((a, l) => /* @__PURE__ */ e(
+          children: (r.data || []).map((t, a) => /* @__PURE__ */ e(
             y,
             {
               w: 20,
-              h: `${a}%`,
-              bg: l === r.highlight ? "gray.9" : "gray.2",
+              h: `${t}%`,
+              bg: a === r.highlight ? "gray.5" : "gray.2",
               radius: "0"
             },
-            l
+            a
           ))
         }
       );
     case "typography":
       return /* @__PURE__ */ e(
-        v,
+        z,
         {
           h: r.height || 160,
-          bg: c ? "gray.8" : "gray.1",
+          bg: "gray.0",
           radius: "0",
+          bd: "1px solid var(--mantine-color-gray-1)",
           children: /* @__PURE__ */ e(
-            t,
+            c,
             {
               fz: r.fontSize || 100,
               fw: 900,
-              c: c ? "gray.6" : "gray.3",
+              c: "gray.2",
               style: { letterSpacing: -6 },
               children: r.text || "Aa"
             }
@@ -947,9 +951,9 @@ function _(r, c) {
         }
       );
     case "icon-large": {
-      const a = r.icon;
-      return a ? /* @__PURE__ */ e(
-        a,
+      const t = r.icon;
+      return t ? /* @__PURE__ */ e(
+        t,
         {
           size: r.size || 64,
           stroke: r.stroke || 1,
@@ -961,12 +965,12 @@ function _(r, c) {
       return null;
   }
 }
-function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
+function Ee({ id: r, subtitle: t, title: a, traditionalCol: l, newCol: n, background: o = "white" }) {
   return /* @__PURE__ */ e(
     I,
     {
       id: r,
-      subtitle: c,
+      subtitle: t,
       title: a,
       background: o,
       children: /* @__PURE__ */ e(
@@ -976,7 +980,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
           bd: "1px solid var(--mantine-color-gray-2)",
           style: { overflow: "hidden" },
           children: /* @__PURE__ */ i(
-            w,
+            v,
             {
               cols: { base: 1, md: 2 },
               spacing: 0,
@@ -989,7 +993,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                     children: /* @__PURE__ */ i(p, { gap: "xl", children: [
                       /* @__PURE__ */ i(y, { children: [
                         /* @__PURE__ */ e(
-                          t,
+                          c,
                           {
                             fw: 900,
                             fz: "h2",
@@ -999,7 +1003,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                           }
                         ),
                         /* @__PURE__ */ e(
-                          t,
+                          c,
                           {
                             size: "sm",
                             fw: 800,
@@ -1015,10 +1019,10 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                         {
                           gap: "md",
                           mb: 40,
-                          children: l.items.map((h, d) => /* @__PURE__ */ i(se, { children: [
+                          children: l.items.map((h, d) => /* @__PURE__ */ i(oe, { children: [
                             /* @__PURE__ */ i(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
-                                t,
+                                c,
                                 {
                                   size: "sm",
                                   c: "gray.6",
@@ -1026,7 +1030,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                                 }
                               ),
                               /* @__PURE__ */ e(
-                                t,
+                                c,
                                 {
                                   fw: 700,
                                   c: "gray.9",
@@ -1048,7 +1052,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                           children: [
                             /* @__PURE__ */ i(f, { justify: "space-between", children: [
                               /* @__PURE__ */ e(
-                                t,
+                                c,
                                 {
                                   fw: 900,
                                   c: "gray.7",
@@ -1056,7 +1060,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                                 }
                               ),
                               /* @__PURE__ */ e(
-                                t,
+                                c,
                                 {
                                   fw: 900,
                                   fz: 32,
@@ -1066,7 +1070,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                               )
                             ] }),
                             l.footerText && /* @__PURE__ */ e(
-                              t,
+                              c,
                               {
                                 size: "xs",
                                 c: "red.6",
@@ -1096,7 +1100,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                           /* @__PURE__ */ i(y, { children: [
                             /* @__PURE__ */ i(f, { gap: "xs", children: [
                               /* @__PURE__ */ e(
-                                t,
+                                c,
                                 {
                                   fw: 900,
                                   fz: "h2",
@@ -1106,7 +1110,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                                 }
                               ),
                               n.badge && /* @__PURE__ */ e(
-                                j,
+                                C,
                                 {
                                   color: "gray.9",
                                   variant: "filled",
@@ -1116,7 +1120,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                               )
                             ] }),
                             /* @__PURE__ */ e(
-                              t,
+                              c,
                               {
                                 size: "sm",
                                 c: "gray.6",
@@ -1158,7 +1162,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                               bd: "1px solid var(--mantine-color-gray-2)",
                               children: /* @__PURE__ */ i(p, { gap: 4, children: [
                                 /* @__PURE__ */ e(
-                                  t,
+                                  c,
                                   {
                                     size: "sm",
                                     fw: 800,
@@ -1169,7 +1173,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                                   }
                                 ),
                                 /* @__PURE__ */ e(
-                                  t,
+                                  c,
                                   {
                                     fw: 900,
                                     fz: 48,
@@ -1179,7 +1183,7 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
                                   }
                                 ),
                                 n.pricingBox.subtext && /* @__PURE__ */ e(
-                                  t,
+                                  c,
                                   {
                                     size: "xs",
                                     c: "gray.5",
@@ -1214,9 +1218,9 @@ function ke({ id: r, subtitle: c, title: a, traditionalCol: l, newCol: n, backgr
     }
   );
 }
-function Re({
+function Me({
   id: r,
-  subtitle: c,
+  subtitle: t,
   title: a,
   billingOptions: l = [
     { label: "Mensal", value: "monthly" },
@@ -1232,7 +1236,7 @@ function Re({
     I,
     {
       id: r,
-      subtitle: c,
+      subtitle: t,
       title: a,
       ta: "center",
       background: m,
@@ -1245,7 +1249,7 @@ function Re({
             mb: 80,
             children: /* @__PURE__ */ i(f, { gap: "xs", children: [
               /* @__PURE__ */ e(
-                le,
+                re,
                 {
                   value: n,
                   onChange: o,
@@ -1258,7 +1262,7 @@ function Re({
                 }
               ),
               n === "annual" && h && /* @__PURE__ */ e(
-                j,
+                C,
                 {
                   variant: "filled",
                   color: "gray.9",
@@ -1271,7 +1275,7 @@ function Re({
           }
         ),
         /* @__PURE__ */ e(
-          w,
+          v,
           {
             cols: { base: 1, md: d.length <= 3 ? d.length : 3 },
             spacing: "xl",
@@ -1301,7 +1305,7 @@ function Re({
                             align: "center",
                             children: [
                               /* @__PURE__ */ e(
-                                t,
+                                c,
                                 {
                                   size: "xs",
                                   fw: 800,
@@ -1312,7 +1316,7 @@ function Re({
                                 }
                               ),
                               s.highlight && /* @__PURE__ */ e(
-                                j,
+                                C,
                                 {
                                   variant: "dot",
                                   color: "gray.9",
@@ -1323,7 +1327,7 @@ function Re({
                           }
                         ),
                         /* @__PURE__ */ e(
-                          t,
+                          c,
                           {
                             size: "sm",
                             c: "gray.6",
@@ -1338,7 +1342,7 @@ function Re({
                   ),
                   /* @__PURE__ */ i(y, { mb: "xl", children: [
                     /* @__PURE__ */ e(
-                      t,
+                      c,
                       {
                         size: "xs",
                         c: "gray.4",
@@ -1356,7 +1360,7 @@ function Re({
                         align: "flex-start",
                         children: [
                           /* @__PURE__ */ e(
-                            t,
+                            c,
                             {
                               size: "xl",
                               fw: 900,
@@ -1372,7 +1376,7 @@ function Re({
                               align: "flex-end",
                               children: [
                                 /* @__PURE__ */ e(
-                                  t,
+                                  c,
                                   {
                                     fz: "var(--fz-big-metric)",
                                     fw: 900,
@@ -1389,7 +1393,7 @@ function Re({
                                     mb: 6,
                                     children: [
                                       /* @__PURE__ */ i(
-                                        t,
+                                        c,
                                         {
                                           size: "xl",
                                           fw: 900,
@@ -1402,7 +1406,7 @@ function Re({
                                         }
                                       ),
                                       /* @__PURE__ */ e(
-                                        t,
+                                        c,
                                         {
                                           size: "xs",
                                           c: "gray.5",
@@ -1451,7 +1455,7 @@ function Re({
                               }
                             ),
                             /* @__PURE__ */ e(
-                              t,
+                              c,
                               {
                                 size: "sm",
                                 fw: 500,
@@ -1487,7 +1491,7 @@ function Re({
     }
   );
 }
-function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
+function Re({ id: r, subtitle: t, title: a, questions: l = [], contactCard: n, background: o = "white" }) {
   const h = {
     item: {
       backgroundColor: o === "gray" ? "gray.1" : "white",
@@ -1511,12 +1515,12 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
     I,
     {
       id: r,
-      subtitle: c,
+      subtitle: t,
       title: a,
       background: o,
       children: [
         /* @__PURE__ */ i(
-          w,
+          v,
           {
             cols: { base: 1, md: 2 },
             spacing: "xl",
@@ -1543,7 +1547,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
                                 variant: "light",
                                 color: "gray",
                                 radius: "0",
-                                children: /* @__PURE__ */ e(U, { size: 16 })
+                                children: /* @__PURE__ */ e(L, { size: 16 })
                               }
                             ),
                             children: d.question
@@ -1578,7 +1582,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
                                 variant: "light",
                                 color: "gray",
                                 radius: "0",
-                                children: /* @__PURE__ */ e(U, { size: 16 })
+                                children: /* @__PURE__ */ e(L, { size: 16 })
                               }
                             ),
                             children: d.question
@@ -1605,7 +1609,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
             pos: "relative",
             style: { overflow: "hidden" },
             children: /* @__PURE__ */ i(
-              w,
+              v,
               {
                 cols: { base: 1, md: 2 },
                 spacing: "xl",
@@ -1619,7 +1623,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
                       align: { base: "center", md: "flex-start" },
                       children: [
                         /* @__PURE__ */ e(
-                          t,
+                          c,
                           {
                             fz: "h2",
                             fw: 900,
@@ -1629,7 +1633,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
                           }
                         ),
                         /* @__PURE__ */ e(
-                          t,
+                          c,
                           {
                             c: "gray.6",
                             maw: 500,
@@ -1648,7 +1652,7 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
                       target: n.cta.target,
                       leftSection: n.cta.icon,
                       size: n.cta.size || "xl",
-                      color: n.cta.color || "dark"
+                      color: n.cta.color || "gray.8"
                     }
                   ) })
                 ]
@@ -1660,16 +1664,16 @@ function Ge({ id: r, subtitle: c, title: a, questions: l = [], contactCard: n, b
     }
   );
 }
-function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray" }) {
+function Ge({ id: r, title: t, subtitle: a, items: l = [], background: n = "gray" }) {
   return /* @__PURE__ */ e(
     I,
     {
       id: r,
       background: n,
-      title: c,
+      title: t,
       subtitle: a,
       children: /* @__PURE__ */ e(
-        w,
+        v,
         {
           cols: { base: 1, md: l.length > 3 ? 4 : l.length || 3 },
           spacing: "xl",
@@ -1679,7 +1683,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
               p: "xl",
               radius: "0",
               bd: "1px solid var(--mantine-color-gray-2)",
-              bg: z("white"),
+              bg: "white",
               children: /* @__PURE__ */ i(
                 p,
                 {
@@ -1688,14 +1692,14 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
                   h: "100%",
                   children: [
                     /* @__PURE__ */ e(
-                      ce,
+                      te,
                       {
                         size: 32,
                         color: "var(--mantine-color-gray-3)"
                       }
                     ),
                     /* @__PURE__ */ i(
-                      t,
+                      c,
                       {
                         size: "lg",
                         c: "gray.7",
@@ -1716,7 +1720,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
                         mt: "xl",
                         children: [
                           /* @__PURE__ */ e(
-                            ie,
+                            le,
                             {
                               size: "md",
                               radius: "0",
@@ -1727,7 +1731,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
                           ),
                           /* @__PURE__ */ i(p, { gap: 0, children: [
                             /* @__PURE__ */ e(
-                              t,
+                              c,
                               {
                                 size: "sm",
                                 fw: 900,
@@ -1735,7 +1739,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
                               }
                             ),
                             /* @__PURE__ */ e(
-                              t,
+                              c,
                               {
                                 size: "xs",
                                 fw: 800,
@@ -1760,7 +1764,7 @@ function He({ id: r, title: c, subtitle: a, items: l = [], background: n = "gray
     }
   );
 }
-function me({ id: r, title: c, description: a, cta: l, background: n = "gray" }) {
+function ge({ id: r, title: t, description: a, cta: l, background: n = "gray" }) {
   return /* @__PURE__ */ e(
     I,
     {
@@ -1771,10 +1775,10 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
         x,
         {
           p: { base: "xl", sm: 80 },
-          bg: z("white"),
+          bg: "white",
           radius: "0",
           bd: "1px solid var(--mantine-color-gray-2)",
-          style: { borderTop: "4px solid var(--mantine-color-gray-9)" },
+          style: { borderTop: "4px solid var(--mantine-color-gray-2)" },
           children: /* @__PURE__ */ i(
             p,
             {
@@ -1782,19 +1786,19 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
               ta: "center",
               gap: "xl",
               children: [
-                c && /* @__PURE__ */ e(
-                  t,
+                t && /* @__PURE__ */ e(
+                  c,
                   {
                     fz: "var(--fz-section-title)",
                     fw: 900,
                     lh: 1.2,
                     ls: "-0.04em",
                     maw: 700,
-                    children: c
+                    children: t
                   }
                 ),
                 a && /* @__PURE__ */ e(
-                  t,
+                  c,
                   {
                     c: "gray.7",
                     size: "xl",
@@ -1821,33 +1825,52 @@ function me({ id: r, title: c, description: a, cta: l, background: n = "gray" })
     }
   );
 }
-const Ne = me;
-function pe({
-  text: r = "Selo Exclusivo RiLiGar",
-  color: c = "green.6",
-  background: a = "gray"
-}) {
-  const l = z(a);
+const He = ge;
+function me({ text: r = "Selo Exclusivo RiLiGar", color: t = "green.6", background: a = "gray" }) {
+  const l = F(a);
   return /* @__PURE__ */ e(
     y,
     {
       p: "xs",
       bg: l,
       style: {
-        borderRadius: "8px",
         border: "1px solid var(--mantine-color-gray-2)",
         display: "inline-block"
       },
       children: /* @__PURE__ */ i(f, { gap: "xs", children: [
-        /* @__PURE__ */ e(T, { color: c, variant: "light", size: "sm", radius: "xl", children: /* @__PURE__ */ e(oe, { size: 14, "aria-hidden": "true" }) }),
-        /* @__PURE__ */ e(t, { size: "xs", fw: 700, c: "gray.7", tt: "uppercase", lts: 0.5, children: r })
+        /* @__PURE__ */ e(
+          T,
+          {
+            color: t,
+            variant: "light",
+            size: "sm",
+            children: /* @__PURE__ */ e(
+              ce,
+              {
+                size: 14,
+                "aria-hidden": "true"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          c,
+          {
+            size: "xs",
+            fw: 700,
+            c: "gray.7",
+            tt: "uppercase",
+            lts: 0.5,
+            children: r
+          }
+        )
       ] })
     }
   );
 }
-const Ve = pe;
-function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], copyrightText: n, madeByText: o, background: h = "white" }) {
-  const d = z(h);
+const Ne = me;
+function Ve({ logo: r, description: t, sections: a = [], socialLinks: l = [], copyrightText: n, madeByText: o, background: h = "white" }) {
+  const d = F(h);
   return /* @__PURE__ */ e(
     y,
     {
@@ -1855,9 +1878,9 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
       py: "xl",
       bg: d,
       bd: { top: "1px solid var(--mantine-color-gray-2)" },
-      children: /* @__PURE__ */ i(E, { size: "xl", children: [
+      children: /* @__PURE__ */ i(j, { size: "xl", children: [
         /* @__PURE__ */ i(
-          w,
+          v,
           {
             cols: { base: 1, sm: 2 },
             spacing: "xl",
@@ -1872,19 +1895,19 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
                     style: { objectFit: "contain", objectPosition: "left" }
                   }
                 ),
-                c && /* @__PURE__ */ e(
-                  t,
+                t && /* @__PURE__ */ e(
+                  c,
                   {
                     size: "md",
                     c: "gray.6",
                     lh: 1.6,
                     maw: 400,
-                    children: c
+                    children: t
                   }
                 )
               ] }),
               /* @__PURE__ */ i(
-                w,
+                v,
                 {
                   cols: {
                     base: 2,
@@ -1898,7 +1921,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
                         gap: "md",
                         children: [
                           /* @__PURE__ */ e(
-                            t,
+                            c,
                             {
                               fw: 900,
                               size: "xs",
@@ -1908,7 +1931,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
                             }
                           ),
                           /* @__PURE__ */ e(p, { gap: "xs", children: m.links.map((g, u) => /* @__PURE__ */ e(
-                            ne,
+                            ie,
                             {
                               c: "gray.6",
                               size: "sm",
@@ -1926,7 +1949,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
                     )),
                     l && l.length > 0 && /* @__PURE__ */ i(p, { gap: "md", children: [
                       /* @__PURE__ */ e(
-                        t,
+                        c,
                         {
                           fw: 900,
                           size: "xs",
@@ -1936,7 +1959,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
                         }
                       ),
                       /* @__PURE__ */ e(f, { gap: "xs", children: l.map((m, s) => /* @__PURE__ */ e(
-                        ae,
+                        ne,
                         {
                           size: "md",
                           variant: "subtle",
@@ -1973,7 +1996,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
             gap: "sm",
             children: [
               /* @__PURE__ */ e(
-                t,
+                c,
                 {
                   size: "xs",
                   fw: 800,
@@ -1984,7 +2007,7 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
                 }
               ),
               o && /* @__PURE__ */ e(f, { gap: "sm", children: /* @__PURE__ */ e(
-                t,
+                c,
                 {
                   size: "xs",
                   fw: 800,
@@ -2002,27 +2025,27 @@ function We({ logo: r, description: c, sections: a = [], socialLinks: l = [], co
   );
 }
 export {
-  me as CTABanner,
+  ge as CTABanner,
   P as CTAButton,
-  ke as Comparison,
-  Ge as FAQ,
-  Ee as FeatureSplit,
-  Me as FeaturesGrid,
-  We as Footer,
-  de as Header,
-  Ce as Hero,
-  De as Layout,
-  J as MediaBlock,
+  Ee as Comparison,
+  Re as FAQ,
+  je as FeatureSplit,
+  ke as FeaturesGrid,
+  Ve as Footer,
+  se as Header,
+  De as Hero,
+  Pe as Layout,
+  Q as MediaBlock,
   Ae as Navbar,
-  Re as Pricing,
-  Pe as SECTION_BACKGROUNDS,
-  Ne as SecondaryCTA,
+  Me as Pricing,
+  Te as SECTION_BACKGROUNDS,
+  He as SecondaryCTA,
   I as Section,
-  Q as SectionHeader,
-  Ve as SeloExclusivo,
-  je as SocialProof,
-  He as Testimonials,
-  pe as TrustBadge,
-  z as resolveBackground,
-  Te as theme
+  _ as SectionHeader,
+  Ne as SeloExclusivo,
+  Ce as SocialProof,
+  Ge as Testimonials,
+  me as TrustBadge,
+  F as resolveBackground,
+  Be as theme
 };