@grupo-elo-editorial/shared-ui-react 1.2.2 → 1.2.3

package/CHANGELOG.md

@@ -4,6 +4,18 @@ Format: [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) · Versioning:
 
 ---
 
+## [1.2.3] — 2026-05-25 (HeroCarousel — overlay de texto configurável por slide)
+
+### Added
+
+- **`HeroSlide.showOverlay`** (`boolean`, default `false`): quando `true`, renderiza um overlay gradiente sobre a imagem com `title`, `description` e `cta` do slide. Permite que banners com imagem neutra exibam texto dinâmico; banners com artwork que já contém o texto continuam com `showOverlay: false` (comportamento padrão inalterado).
+
+### Changed
+
+- `package.json` `version` bumped `1.2.2 → 1.2.3`.
+
+---
+
 ## [1.2.2] — 2026-05-25 (HeroCarousel — remove text overlay)
 
 ### Fixed

package/dist/components/prd/HeroCarousel.d.ts

@@ -6,6 +6,8 @@ export interface HeroSlide {
     imageMobile: string;
     imageTablet: string;
     imageDesktop: string;
+    /** Exibe título, descrição e CTA sobrepostos na imagem. Default false. */
+    showOverlay?: boolean;
     cta?: {
         label: string;
         href: string;

package/dist/index.js

@@ -52,7 +52,7 @@ const Se = P(
     size: r,
     fullWidth: n,
     isLoading: s,
-    leftIcon: d,
+    leftIcon: c,
     rightIcon: l,
     children: m,
     disabled: f,
@@ -68,7 +68,7 @@ const Se = P(
         /* @__PURE__ */ e(V, { className: "h-4 w-4 animate-spin" }),
         m && /* @__PURE__ */ e("span", { children: m })
       ] }) : /* @__PURE__ */ i(A, { children: [
-        d && /* @__PURE__ */ e("span", { className: "inline-flex", children: d }),
+        c && /* @__PURE__ */ e("span", { className: "inline-flex", children: c }),
         m,
         l && /* @__PURE__ */ e("span", { className: "inline-flex", children: l })
       ] })
@@ -132,7 +132,7 @@ const je = P(
     }
   }
 ), D = N(
-  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: d, ...l }, m) => /* @__PURE__ */ i(
+  ({ className: a, variant: t, size: r, icon: n, onRemove: s, children: c, ...l }, m) => /* @__PURE__ */ i(
     "div",
     {
       ref: m,
@@ -140,7 +140,7 @@ const je = P(
       ...l,
       children: [
         n && /* @__PURE__ */ e("span", { className: "mr-1 inline-flex", children: n }),
-        d,
+        c,
         s && /* @__PURE__ */ e(
           "button",
           {
@@ -171,8 +171,8 @@ const Me = P(
     }
   }
 ), _e = N(
-  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: d, statusType: l = "online", ...m }, f) => {
-    const [u, v] = k(!1), g = (x) => x.split(" ").map((c) => c[0]).join("").toUpperCase().slice(0, 2), b = {
+  ({ className: a, size: t, src: r, alt: n, name: s, showStatus: c, statusType: l = "online", ...m }, f) => {
+    const [u, v] = k(!1), g = (x) => x.split(" ").map((d) => d[0]).join("").toUpperCase().slice(0, 2), b = {
       online: "bg-[var(--success)]",
       offline: "bg-[var(--muted-foreground)]",
       away: "bg-[var(--warning)]",
@@ -194,7 +194,7 @@ const Me = P(
           ...m
         }
       ) : s ? /* @__PURE__ */ e("span", { className: "font-medium", children: g(s) }) : /* @__PURE__ */ e(ee, { className: "h-1/2 w-1/2" }),
-      d && /* @__PURE__ */ e(
+      c && /* @__PURE__ */ e(
         "span",
         {
           className: o(
@@ -239,7 +239,7 @@ const Pe = P("animate-spin text-[var(--brand-primary)]", {
 );
 Ae.displayName = "Spinner";
 const De = N(
-  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, d) => {
+  ({ className: a, orientation: t = "horizontal", variant: r = "solid", text: n, ...s }, c) => {
     const l = {
       solid: "border-solid",
       dashed: "border-dashed",
@@ -249,7 +249,7 @@ const De = N(
       /* @__PURE__ */ e(
         "hr",
         {
-          ref: d,
+          ref: c,
           className: o(
             "flex-1 border-[var(--border)]",
             l[r]
@@ -270,7 +270,7 @@ const De = N(
     ] }) : /* @__PURE__ */ e(
       "hr",
       {
-        ref: d,
+        ref: c,
         role: "separator",
         "aria-orientation": t,
         className: o(
@@ -292,7 +292,7 @@ const $ = N(
     maxRating: r = 5,
     size: n = "md",
     readonly: s = !1,
-    onChange: d,
+    onChange: c,
     showValue: l = !1,
     ...m
   }, f) => {
@@ -301,7 +301,7 @@ const $ = N(
       md: "h-5 w-5",
       lg: "h-6 w-6"
     }, b = (x) => {
-      !s && d && d(x);
+      !s && c && c(x);
     }, h = u || t;
     return /* @__PURE__ */ i(
       "div",
@@ -312,8 +312,8 @@ const $ = N(
         "aria-label": `Rating: ${t} out of ${r}`,
         ...m,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, c) => c + 1).map((x) => {
-            const c = x <= h;
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-0.5", children: Array.from({ length: r }, (x, d) => d + 1).map((x) => {
+            const d = x <= h;
             return /* @__PURE__ */ e(
               "button",
               {
@@ -333,7 +333,7 @@ const $ = N(
                     className: o(
                       g[n],
                       "transition-all",
-                      c ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
+                      d ? "fill-[var(--warning)] text-[var(--warning)]" : "fill-none text-[var(--muted-foreground)]"
                     )
                   }
                 )
@@ -586,7 +586,7 @@ const R = N(
     title: r,
     author: n,
     price: s,
-    originalPrice: d,
+    originalPrice: c,
     rating: l,
     reviewCount: m,
     badge: f,
@@ -596,7 +596,7 @@ const R = N(
     onAddToCart: b,
     onToggleFavorite: h,
     isFavorite: x = !1,
-    href: c,
+    href: d,
     orientation: p = "vertical",
     ...y
   }, j) => v ? /* @__PURE__ */ i(
@@ -640,7 +640,7 @@ const R = N(
         /* @__PURE__ */ e(
           H,
           {
-            href: c,
+            href: d,
             className: "block h-24 w-20 shrink-0 overflow-hidden rounded-lg",
             children: /* @__PURE__ */ e(
               "img",
@@ -653,10 +653,10 @@ const R = N(
           }
         ),
         /* @__PURE__ */ i("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          c ? /* @__PURE__ */ e(
+          d ? /* @__PURE__ */ e(
             "a",
             {
-              href: c,
+              href: d,
               className: "line-clamp-2 text-sm font-medium text-[var(--card-foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
               children: r
             }
@@ -675,9 +675,9 @@ const R = N(
               "R$ ",
               s.toFixed(2)
             ] }),
-            d && d > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
+            c && c > s && /* @__PURE__ */ i("span", { className: "text-xs text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              d.toFixed(2)
+              c.toFixed(2)
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -710,7 +710,7 @@ const R = N(
         /* @__PURE__ */ i(
           H,
           {
-            href: c,
+            href: d,
             className: "relative block aspect-[3/4] w-full overflow-hidden rounded-t-lg",
             children: [
               /* @__PURE__ */ e(
@@ -744,10 +744,10 @@ const R = N(
           }
         ),
         /* @__PURE__ */ i("div", { className: "flex flex-1 flex-col p-4", children: [
-          c ? /* @__PURE__ */ e(
+          d ? /* @__PURE__ */ e(
             "a",
             {
-              href: c,
+              href: d,
               className: "line-clamp-2 text-base font-medium text-[var(--card-foreground)] hover:text-[var(--brand-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
               children: r
             }
@@ -766,9 +766,9 @@ const R = N(
               "R$ ",
               s.toFixed(2)
             ] }),
-            d && d > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
+            c && c > s && /* @__PURE__ */ i("span", { className: "text-sm text-[var(--muted-foreground)] line-through", children: [
               "R$ ",
-              d.toFixed(2)
+              c.toFixed(2)
             ] })
           ] }),
           b && /* @__PURE__ */ e(
@@ -802,7 +802,7 @@ const Te = N(
     onClear: r,
     isLoading: n = !1,
     size: s = "md",
-    placeholder: d = "Buscar...",
+    placeholder: c = "Buscar...",
     value: l,
     onChange: m,
     ...f
@@ -814,7 +814,7 @@ const Te = N(
     }, x = (y) => {
       const j = y.target.value;
       l === void 0 && g(j), m == null || m(y);
-    }, c = () => {
+    }, d = () => {
       l === void 0 && g(""), r == null || r();
     }, p = (y) => {
       y.key === "Enter" && t && t(b);
@@ -829,7 +829,7 @@ const Te = N(
           value: b,
           onChange: x,
           onKeyDown: p,
-          placeholder: d,
+          placeholder: c,
           className: o(
             "w-full rounded-lg border-2 border-[var(--border)] bg-[var(--input-background)] pl-10 pr-10 font-normal transition-colors",
             "placeholder:text-[var(--muted-foreground)]",
@@ -846,7 +846,7 @@ const Te = N(
           "button",
           {
             type: "button",
-            onClick: c,
+            onClick: d,
             className: "rounded-full p-1 hover:bg-[var(--muted)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
             "aria-label": "Clear search",
             children: /* @__PURE__ */ e(ie, { className: "h-4 w-4 text-[var(--muted-foreground)]" })
@@ -864,7 +864,7 @@ const $e = N(
     originalPrice: r,
     currency: n = "R$",
     size: s = "md",
-    showDiscount: d = !0,
+    showDiscount: c = !0,
     installments: l,
     ...m
   }, f) => {
@@ -902,7 +902,7 @@ const $e = N(
             }
           )
         ] }),
-        d && u > 0 && /* @__PURE__ */ i(D, { variant: "success", size: "sm", children: [
+        c && u > 0 && /* @__PURE__ */ i(D, { variant: "success", size: "sm", children: [
           "-",
           u,
           "%"
@@ -928,7 +928,7 @@ const Re = N(
     min: r = 1,
     max: n = 99,
     onChange: s,
-    size: d = "md",
+    size: c = "md",
     disabled: l = !1,
     showLabel: m = !1,
     ...f
@@ -937,8 +937,8 @@ const Re = N(
       t < n && s(t + 1);
     }, g = () => {
       t > r && s(t - 1);
-    }, b = (c) => {
-      const p = parseInt(c.target.value);
+    }, b = (d) => {
+      const p = parseInt(d.target.value);
       !isNaN(p) && p >= r && p <= n && s(p);
     }, h = {
       sm: "h-8 w-8",
@@ -960,7 +960,7 @@ const Re = N(
             size: "sm",
             onClick: g,
             disabled: l || t <= r,
-            className: o(h[d], "p-0"),
+            className: o(h[c], "p-0"),
             "aria-label": "Decrease quantity",
             children: /* @__PURE__ */ e(ne, { className: "h-4 w-4" })
           }
@@ -979,7 +979,7 @@ const Re = N(
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
               "disabled:cursor-not-allowed disabled:opacity-50",
               "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
-              x[d]
+              x[c]
             ),
             "aria-label": "Quantity"
           }
@@ -992,7 +992,7 @@ const Re = N(
             size: "sm",
             onClick: v,
             disabled: l || t >= n,
-            className: o(h[d], "p-0"),
+            className: o(h[c], "p-0"),
             "aria-label": "Increase quantity",
             children: /* @__PURE__ */ e(se, { className: "h-4 w-4" })
           }
@@ -1003,7 +1003,7 @@ const Re = N(
 );
 Re.displayName = "QuantitySelector";
 const Be = N(
-  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: d, children: l, ...m }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...m, children: [
+  ({ className: a, label: t, htmlFor: r, required: n, error: s, helperText: c, children: l, ...m }, f) => /* @__PURE__ */ i("div", { ref: f, className: o("flex flex-col gap-1.5", a), ...m, children: [
     t && /* @__PURE__ */ i(
       "label",
       {
@@ -1016,14 +1016,14 @@ const Be = N(
       }
     ),
     l,
-    (s || d) && /* @__PURE__ */ e(
+    (s || c) && /* @__PURE__ */ e(
       "p",
       {
         className: o(
           "text-sm",
           s ? "text-[var(--destructive)]" : "text-[var(--muted-foreground)]"
         ),
-        children: s || d
+        children: s || c
       }
     )
   ] })
@@ -1206,7 +1206,7 @@ const Fe = N(
     title: r,
     subtitle: n,
     description: s,
-    primaryCTA: d,
+    primaryCTA: c,
     secondaryCTA: l,
     backgroundImage: m,
     overlay: f = !0,
@@ -1276,14 +1276,14 @@ const Fe = N(
                     children: s
                   }
                 ),
-                (d || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
-                  d && /* @__PURE__ */ e(
+                (c || l) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+                  c && /* @__PURE__ */ e(
                     C,
                     {
                       size: "lg",
-                      onClick: d.onClick,
+                      onClick: c.onClick,
                       variant: "primary",
-                      children: d.label
+                      children: c.label
                     }
                   ),
                   l && /* @__PURE__ */ e(
@@ -1314,7 +1314,7 @@ const X = N(
     icon: r,
     title: n,
     description: s,
-    action: d,
+    action: c,
     ...l
   }, m) => {
     const u = r || {
@@ -1336,14 +1336,14 @@ const X = N(
           /* @__PURE__ */ e("div", { className: "rounded-full bg-[var(--muted)] p-6 text-[var(--muted-foreground)]", children: u }),
           /* @__PURE__ */ e("h3", { className: "mt-6 text-xl font-semibold text-[var(--foreground)]", children: n }),
           s && /* @__PURE__ */ e("p", { className: "mt-2 max-w-md text-[var(--muted-foreground)]", children: s }),
-          d && /* @__PURE__ */ e(
+          c && /* @__PURE__ */ e(
             C,
             {
-              onClick: d.onClick,
+              onClick: c.onClick,
               variant: "primary",
               size: "lg",
               className: "mt-6",
-              children: d.label
+              children: c.label
             }
           )
         ]
@@ -1359,7 +1359,7 @@ const qe = N(
     title: r,
     message: n,
     onRetry: s,
-    onGoHome: d,
+    onGoHome: c,
     showRetry: l = !0,
     showHome: m = !0,
     ...f
@@ -1415,10 +1415,10 @@ const qe = N(
                 children: "Tentar novamente"
               }
             ),
-            m && d && /* @__PURE__ */ e(
+            m && c && /* @__PURE__ */ e(
               C,
               {
-                onClick: d,
+                onClick: c,
                 variant: "secondary",
                 size: "lg",
                 leftIcon: /* @__PURE__ */ e(me, { className: "h-5 w-5" }),
@@ -1439,7 +1439,7 @@ const He = N(
     columns: r = 4,
     gap: n = "md",
     isLoading: s = !1,
-    skeletonCount: d = 8,
+    skeletonCount: c = 8,
     emptyStateMessage: l = "Nenhum produto encontrado",
     onEmptyAction: m,
     ...f
@@ -1465,7 +1465,7 @@ const He = N(
           a
         ),
         ...f,
-        children: Array.from({ length: d }).map((b, h) => /* @__PURE__ */ e(
+        children: Array.from({ length: c }).map((b, h) => /* @__PURE__ */ e(
           R,
           {
             image: "",
@@ -1724,7 +1724,7 @@ function ea({
   );
 }
 const et = N(
-  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, d) => {
+  ({ className: a, onThemeChange: t, onFontSizeChange: r, showA11yLink: n = !1, ...s }, c) => {
     const [l, m] = k("light"), [f, u] = k(16), [v, g] = k(!1);
     M(() => {
       const p = localStorage.getItem("a11y-theme") ?? document.documentElement.getAttribute("data-theme") ?? "light";
@@ -1740,19 +1740,19 @@ const et = N(
       }
     }, [v]);
     const b = () => {
-      const c = l === "light" ? "dark" : "light";
-      m(c), document.documentElement.setAttribute("data-theme", c), localStorage.setItem("a11y-theme", c), t == null || t(c);
+      const d = l === "light" ? "dark" : "light";
+      m(d), document.documentElement.setAttribute("data-theme", d), localStorage.setItem("a11y-theme", d), t == null || t(d);
     }, h = () => {
-      const c = Math.min(f + 2, 24);
-      u(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
+      const d = Math.min(f + 2, 24);
+      u(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
     }, x = () => {
-      const c = Math.max(f - 2, 12);
-      u(c), document.documentElement.style.setProperty("--font-size", `${c}px`), document.documentElement.style.fontSize = `${c}px`, localStorage.setItem("a11y-font-size", c.toString()), r == null || r(c);
+      const d = Math.max(f - 2, 12);
+      u(d), document.documentElement.style.setProperty("--font-size", `${d}px`), document.documentElement.style.fontSize = `${d}px`, localStorage.setItem("a11y-font-size", d.toString()), r == null || r(d);
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: d,
+        ref: c,
         className: o(
           "w-full border-b border-[var(--border)] bg-[var(--card)] sticky top-0 z-50",
           a
@@ -1824,7 +1824,7 @@ const et = N(
               "button",
               {
                 type: "button",
-                onClick: () => g((c) => !c),
+                onClick: () => g((d) => !d),
                 "aria-label": "Ativar VLibras",
                 "aria-pressed": v,
                 className: o(
@@ -1853,24 +1853,24 @@ const tt = N(
     autoplayDelay: r = 5e3,
     autoplay: n = !0,
     ...s
-  }, d) => {
+  }, c) => {
     const [l, m] = k(0), [f, u] = k(!1), [v, g] = k(!1);
     M(() => {
-      const c = window.matchMedia("(prefers-reduced-motion: reduce)");
-      g(c.matches);
+      const d = window.matchMedia("(prefers-reduced-motion: reduce)");
+      g(d.matches);
       const p = (y) => {
         g(y.matches);
       };
-      return c.addEventListener("change", p), () => c.removeEventListener("change", p);
+      return d.addEventListener("change", p), () => d.removeEventListener("change", p);
     }, []), M(() => {
       if (!n || f || v) return;
-      const c = setInterval(() => {
+      const d = setInterval(() => {
         m((p) => (p + 1) % t.length);
       }, r);
-      return () => clearInterval(c);
+      return () => clearInterval(d);
     }, [n, r, t.length, f, v]);
-    const b = (c) => {
-      m(c), u(!0), setTimeout(() => u(!1), r);
+    const b = (d) => {
+      m(d), u(!0), setTimeout(() => u(!1), r);
     }, h = () => {
       b((l - 1 + t.length) % t.length);
     }, x = () => {
@@ -1879,13 +1879,13 @@ const tt = N(
     return t.length === 0 ? null : (t[l], /* @__PURE__ */ i(
       "div",
       {
-        ref: d,
+        ref: c,
         className: o("relative w-full overflow-hidden", a),
         onMouseEnter: () => u(!0),
         onMouseLeave: () => u(!1),
         ...s,
         children: [
-          /* @__PURE__ */ e("div", { className: "relative", children: t.map((c, p) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "relative", children: t.map((d, p) => /* @__PURE__ */ i(
             "div",
             {
               className: o(
@@ -1893,34 +1893,48 @@ const tt = N(
                 p === l ? "block" : "hidden"
               ),
               "aria-hidden": p !== l,
-              children: /* @__PURE__ */ i("picture", { children: [
-                /* @__PURE__ */ e(
-                  "source",
-                  {
-                    media: "(min-width: 1024px)",
-                    srcSet: `${c.imageDesktop} 1x, ${c.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "source",
-                  {
-                    media: "(min-width: 768px)",
-                    srcSet: `${c.imageTablet} 1x, ${c.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: c.imageMobile,
-                    srcSet: `${c.imageMobile} 1x, ${c.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
-                    alt: c.title,
-                    className: "w-full object-cover aspect-[5/6] md:aspect-video lg:aspect-[1920/700]",
-                    loading: p === 0 ? "eager" : "lazy"
-                  }
-                )
-              ] })
+              children: [
+                /* @__PURE__ */ i("picture", { children: [
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      media: "(min-width: 1024px)",
+                      srcSet: `${d.imageDesktop} 1x, ${d.imageDesktop.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "source",
+                    {
+                      media: "(min-width: 768px)",
+                      srcSet: `${d.imageTablet} 1x, ${d.imageTablet.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "img",
+                    {
+                      src: d.imageMobile,
+                      srcSet: `${d.imageMobile} 1x, ${d.imageMobile.replace(/\.(jpg|png)$/, "@2x.$1")} 2x`,
+                      alt: d.title,
+                      className: "w-full object-cover aspect-[5/6] md:aspect-video lg:aspect-[1920/700]",
+                      loading: p === 0 ? "eager" : "lazy"
+                    }
+                  )
+                ] }),
+                d.showOverlay && /* @__PURE__ */ i("div", { className: "absolute inset-0 flex flex-col justify-end bg-linear-to-t from-black/60 to-transparent p-6 md:p-10", children: [
+                  /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-white md:text-3xl", children: d.title }),
+                  d.description && /* @__PURE__ */ e("p", { className: "mt-2 text-sm text-gray-200 md:text-base", children: d.description }),
+                  d.cta && /* @__PURE__ */ e(
+                    "a",
+                    {
+                      href: d.cta.href,
+                      className: "mt-4 inline-block self-start rounded-md bg-brand-primary px-5 py-2 text-sm font-semibold text-white transition hover:opacity-90",
+                      children: d.cta.label
+                    }
+                  )
+                ] })
+              ]
             },
-            c.id
+            d.id
           )) }),
           t.length > 1 && /* @__PURE__ */ i(A, { children: [
             /* @__PURE__ */ e(
@@ -1942,7 +1956,7 @@ const tt = N(
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((c, p) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((d, p) => /* @__PURE__ */ e(
             "button",
             {
               onClick: () => b(p),
@@ -2131,9 +2145,9 @@ function lt({ items: a }) {
   ) });
 }
 function Y({ item: a, depth: t = 0 }) {
-  var d;
+  var c;
   const [r, n] = k(!1);
-  return !((d = a.children) != null && d.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
+  return !((c = a.children) != null && c.length) ? /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
     "a",
     {
       href: a.href ?? "#",
@@ -2181,13 +2195,13 @@ function Y({ item: a, depth: t = 0 }) {
   ] });
 }
 const dt = N(
-  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: d, ...l }, m) => /* @__PURE__ */ e(
+  ({ items: a, logo: t, rightSlot: r, searchSlot: n, drawerFooter: s, className: c, ...l }, m) => /* @__PURE__ */ e(
     "header",
     {
       ref: m,
       className: o(
         "sticky top-0 z-40 border-b border-[var(--border)] bg-[var(--card)]",
-        d
+        c
       ),
       ...l,
       children: /* @__PURE__ */ i("div", { className: "px-4", children: [
@@ -2369,12 +2383,12 @@ function ft({ title: a, links: t }) {
   ] });
 }
 const gt = ({ brand: a = "elo-editora", onNewsletterSubmit: t, className: r, ...n }) => {
-  const [s, d] = k("light");
+  const [s, c] = k("light");
   M(() => {
     const u = document.documentElement;
-    d(u.getAttribute("data-theme") ?? "light");
+    c(u.getAttribute("data-theme") ?? "light");
     const v = new MutationObserver(() => {
-      d(u.getAttribute("data-theme") ?? "light");
+      c(u.getAttribute("data-theme") ?? "light");
     });
     return v.observe(u, { attributes: !0, attributeFilter: ["data-theme"] }), () => v.disconnect();
   }, []);