@sonordev/site-kit 4.3.1 → 5.0.0

package/dist/{chunk-JJS63TDR.mjs → chunk-UV6KQUSL.mjs}

@@ -1,8 +1,8 @@
+import { widgetStyle, widgetTitleStyle } from './chunk-YFX3Q56O.mjs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { marked } from 'marked';
 import React from 'react';
 
-// src/blog/ServiceCallout.tsx
 var defaults = {
   featured: {
     wrapper: {
@@ -366,6 +366,27 @@ function addExternalLinkTargets(html, siteUrl) {
   });
 }
 
+// src/blog/reading-time.ts
+function readingTimeMinutes(post) {
+  const value = post.reading_time_minutes ?? post.reading_time;
+  return typeof value === "number" && value > 0 ? value : null;
+}
+
+// src/blog/author-social.ts
+var withPrefix = (value, base) => value.startsWith("http") ? value : `${base}${value}`;
+function getAuthorSocialLinks(author) {
+  const links = [];
+  const linkedin = author.linkedin_url || author.social_links?.linkedin;
+  if (linkedin) links.push({ label: "LinkedIn", href: withPrefix(linkedin, "https://linkedin.com/in/") });
+  const twitter = author.twitter_url ? author.twitter_url : author.social_links?.twitter ? withPrefix(author.social_links.twitter, "https://twitter.com/") : null;
+  if (twitter) links.push({ label: "Twitter", href: twitter });
+  const website = author.website_url || author.website;
+  if (website) links.push({ label: "Website", href: website });
+  const github = author.social_links?.github;
+  if (github) links.push({ label: "GitHub", href: withPrefix(github, "https://github.com/") });
+  return links;
+}
+
 // src/blog/blog-styles.ts
 var blogPostCss = (
   /* css */
@@ -955,7 +976,11 @@ function getClusterNav(post) {
   return {
     cluster_name: post.cluster_name || "",
     cluster_slug: post.cluster_slug || "",
-    pillar: isPillar ? null : post.parent_pillar_slug ? { slug: post.parent_pillar_slug, title: post.parent_pillar_title || "" } : null,
+    pillar: isPillar ? null : post.parent_pillar_slug ? {
+      slug: post.parent_pillar_slug,
+      title: post.parent_pillar_title || "",
+      category: post.parent_pillar_category || void 0
+    } : null,
     siblings: post.sibling_articles || [],
     is_pillar: isPillar
   };
@@ -1080,14 +1105,19 @@ async function BlogPost({
     ...item,
     answer: addExternalLinkTargets(item.answer || "", siteUrlResolved)
   })) ?? faqRaw;
+  const { BlogViewTracker } = await import('./BlogViewTracker-PZWAWB3O.mjs');
   if (children) {
-    return children({ post, tableOfContents, relatedPosts });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BlogViewTracker, { slug: post.slug }),
+      children({ post, tableOfContents, relatedPosts })
+    ] });
   }
   const { BlogPostFaqSection } = await import('./BlogPostFaqSection-P3GXVQPA.mjs');
   const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : null;
   const hasToc = showToc && tableOfContents.length > 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: blogPostCss } }),
+    /* @__PURE__ */ jsx(BlogViewTracker, { slug: post.slug }),
     /* @__PURE__ */ jsxs("article", { className: cls(unstyled, styles, "article", "sk-blog-article", className), children: [
       /* @__PURE__ */ jsxs("header", { className: cls(unstyled, styles, "header", "sk-blog-header"), children: [
         /* @__PURE__ */ jsxs("nav", { className: cls(unstyled, styles, "breadcrumb", "sk-blog-breadcrumb"), children: [
@@ -1113,9 +1143,9 @@ async function BlogPost({
           ] }),
           post.author && date && /* @__PURE__ */ jsx("span", { className: "sk-blog-meta-dot" }),
           date && /* @__PURE__ */ jsx("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: date }),
-          date && post.reading_time_minutes && /* @__PURE__ */ jsx("span", { className: "sk-blog-meta-dot" }),
-          post.reading_time_minutes && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: [
-            post.reading_time_minutes,
+          date && readingTimeMinutes(post) && /* @__PURE__ */ jsx("span", { className: "sk-blog-meta-dot" }),
+          readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-blog-meta-item"), children: [
+            readingTimeMinutes(post),
             " min read"
           ] })
         ] })
@@ -1150,7 +1180,7 @@ async function BlogPost({
       ] }),
       post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "tags", "sk-blog-tags"), children: post.tags.map((tag, index) => {
         const tagName = typeof tag === "string" ? tag : tag?.name || "";
-        return /* @__PURE__ */ jsxs("a", { href: `${basePath}?tag=${tagName}`, className: cls(unstyled, styles, "tag", "sk-blog-tag"), children: [
+        return /* @__PURE__ */ jsxs("a", { href: `${basePath}?tag=${encodeURIComponent(tagName)}`, className: cls(unstyled, styles, "tag", "sk-blog-tag"), children: [
           "#",
           tagName
         ] }, `${tagName}-${index}`);
@@ -1214,27 +1244,39 @@ function normalizeAuthorForDisplay(author) {
     slug: a.slug ?? "author",
     bio: a.bio ?? void 0,
     avatar_url: a.avatar_url ?? a.image ?? a.image_url ?? void 0,
-    email: a.email ?? void 0,
     website: a.website ?? a.url ?? void 0,
     social_links: a.social_links,
+    // Real API columns (blog_authors) — previously dropped here, so
+    // AuthorSection could never render socials from a live author row.
+    linkedin_url: a.linkedin_url ?? void 0,
+    twitter_url: a.twitter_url ?? void 0,
+    website_url: a.website_url ?? void 0,
+    same_as: a.same_as ?? void 0,
     is_active: a.is_active ?? true,
-    ...a.socialProfiles?.length ? { sameAs: a.socialProfiles } : {},
+    ...normalizeSocialProfiles(a.socialProfiles).length ? { sameAs: normalizeSocialProfiles(a.socialProfiles) } : {},
     ...a.title ? { title: a.title } : {}
   };
 }
+function normalizeSocialProfiles(value) {
+  if (Array.isArray(value)) return value.filter((v) => typeof v === "string" && !!v);
+  if (value && typeof value === "object") {
+    return Object.values(value).filter(
+      (v) => typeof v === "string" && !!v
+    );
+  }
+  return [];
+}
 function AuthorSection({ author, className, unstyled = false }) {
   const base = unstyled ? className : className || "sk-blog-author";
+  const socialLinks = getAuthorSocialLinks(author);
   return /* @__PURE__ */ jsxs("section", { className: base || void 0, children: [
     author.avatar_url && /* @__PURE__ */ jsx("img", { src: author.avatar_url, alt: author.name, className: unstyled ? void 0 : "sk-blog-author-avatar" }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h3", { className: unstyled ? void 0 : "sk-blog-author-name", children: author.name }),
       "title" in author && author.title && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-blog-author-title", children: author.title }),
       author.bio && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-blog-author-bio", children: author.bio }),
-      author.social_links && /* @__PURE__ */ jsxs("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: [
-        author.social_links.twitter && /* @__PURE__ */ jsx("a", { href: `https://twitter.com/${author.social_links.twitter}`, target: "_blank", rel: "noopener noreferrer", children: "Twitter" }),
-        author.social_links.linkedin && /* @__PURE__ */ jsx("a", { href: author.social_links.linkedin, target: "_blank", rel: "noopener noreferrer", children: "LinkedIn" })
-      ] }),
-      "sameAs" in author && author.sameAs && author.sameAs.length > 0 && !author.social_links && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: author.sameAs.map((url, i) => /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: "Profile" }, i)) })
+      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: socialLinks.map((link) => /* @__PURE__ */ jsx("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", children: link.label }, link.label)) }),
+      "sameAs" in author && author.sameAs && author.sameAs.length > 0 && socialLinks.length === 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-blog-author-links", children: author.sameAs.map((url, i) => /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: "Profile" }, i)) })
     ] })
   ] });
 }
@@ -1247,6 +1289,7 @@ async function fetchBlogList(params) {
     author,
     featured,
     search,
+    cluster,
     page = 1,
     perPage = 12,
     orderBy = "published_at",
@@ -1258,7 +1301,7 @@ async function fetchBlogList(params) {
   if (author) queryParams.set("author", author);
   if (featured) queryParams.set("featured", "true");
   if (search) queryParams.set("search", search);
-  if (params.cluster) queryParams.set("cluster", params.cluster);
+  if (cluster) queryParams.set("cluster", cluster);
   queryParams.set("page", String(page));
   queryParams.set("per_page", String(perPage));
   queryParams.set("order_by", orderBy);
@@ -1319,6 +1362,7 @@ async function BlogList({
   author,
   featured,
   search,
+  cluster,
   page = 1,
   perPage = 12,
   orderBy = "published_at",
@@ -1337,7 +1381,7 @@ async function BlogList({
     return null;
   }
   const [blogData, categories] = await Promise.all([
-    fetchBlogList({ apiUrl, apiKey, category, tag, author, featured, search, page, perPage, orderBy, order }),
+    fetchBlogList({ apiUrl, apiKey, category, tag, author, featured, search, cluster, page, perPage, orderBy, order }),
     showCategoryFilter ? fetchCategories(apiUrl, apiKey) : Promise.resolve([])
   ]);
   if (children) {
@@ -1428,8 +1472,8 @@ function BlogPostCard({ post, basePath, styles = {}, unstyled = false }) {
           "By ",
           typeof post.author === "string" ? post.author : post.author.name
         ] }),
-        post.reading_time_minutes && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardReadingTime", ""), children: [
-          post.reading_time_minutes,
+        readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardReadingTime", ""), children: [
+          readingTimeMinutes(post),
           " min read"
         ] })
       ] })
@@ -1442,7 +1486,425 @@ function buildPaginationUrl(basePath, page, category) {
   if (category) params.set("category", category);
   return `${basePath}?${params}`;
 }
+async function fetchRecentPosts(apiUrl, apiKey, limit = 5) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/recent?limit=${limit}`, {
+      headers: { "x-api-key": apiKey },
+      next: { revalidate: 300 }
+    });
+    if (!response.ok) return [];
+    const data = await response.json();
+    return data.posts || [];
+  } catch (error) {
+    console.error("[Blog] Error fetching recent posts:", error);
+    return [];
+  }
+}
+async function fetchCategories2(apiUrl, apiKey) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/categories`, {
+      headers: { "x-api-key": apiKey },
+      next: { revalidate: 300 }
+    });
+    if (!response.ok) return [];
+    const data = await response.json();
+    return data.categories || [];
+  } catch (error) {
+    console.error("[Blog] Error fetching categories:", error);
+    return [];
+  }
+}
+async function fetchTags(apiUrl, apiKey) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/tags`, {
+      headers: { "x-api-key": apiKey },
+      next: { revalidate: 300 }
+    });
+    if (!response.ok) return [];
+    const data = await response.json();
+    return data.tags || [];
+  } catch (error) {
+    console.error("[Blog] Error fetching tags:", error);
+    return [];
+  }
+}
+async function BlogSidebar({
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  apiKey = process.env.SONOR_API_KEY || "",
+  showCategories = true,
+  showRecentPosts = true,
+  recentPostsCount = 5,
+  showTags = true,
+  showSearch = true,
+  basePath = "/blog",
+  className,
+  currentCategory,
+  children
+}) {
+  if (!apiKey) {
+    console.warn("[Blog] No API key configured for sidebar");
+    return null;
+  }
+  const [categories, recentPosts, tags] = await Promise.all([
+    showCategories ? fetchCategories2(apiUrl, apiKey) : Promise.resolve([]),
+    showRecentPosts ? fetchRecentPosts(apiUrl, apiKey, recentPostsCount) : Promise.resolve([]),
+    showTags ? fetchTags(apiUrl, apiKey) : Promise.resolve([])
+  ]);
+  return /* @__PURE__ */ jsxs("aside", { className, style: { display: "flex", flexDirection: "column", gap: 32 }, children: [
+    showSearch && /* @__PURE__ */ jsx(SearchWidget, { basePath }),
+    showCategories && categories.length > 0 && /* @__PURE__ */ jsx(
+      CategoriesWidget,
+      {
+        categories,
+        basePath,
+        currentCategory
+      }
+    ),
+    showRecentPosts && recentPosts.length > 0 && /* @__PURE__ */ jsx(RecentPostsWidget, { posts: recentPosts, basePath }),
+    showTags && tags.length > 0 && /* @__PURE__ */ jsx(TagsWidget, { tags, basePath }),
+    children
+  ] });
+}
+function SearchWidget({ basePath }) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Search" }),
+    /* @__PURE__ */ jsx("form", { action: basePath, method: "get", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "search",
+        name: "search",
+        placeholder: "Search posts...",
+        style: {
+          width: "100%",
+          padding: "10px 12px",
+          border: "1px solid var(--sk-border)",
+          borderRadius: 8,
+          fontSize: 14
+        }
+      }
+    ) })
+  ] });
+}
+function CategoriesWidget({
+  categories,
+  basePath,
+  currentCategory
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Categories" }),
+    /* @__PURE__ */ jsxs("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: [
+      /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: basePath,
+          style: {
+            ...categoryLinkStyle,
+            fontWeight: !currentCategory ? 600 : 400,
+            color: !currentCategory ? "var(--sk-primary)" : "var(--sk-text-primary)"
+          },
+          children: "All Posts"
+        }
+      ) }),
+      categories.map((cat) => /* @__PURE__ */ jsx("li", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `${basePath}?category=${cat.slug}`,
+          style: {
+            ...categoryLinkStyle,
+            fontWeight: currentCategory === cat.slug ? 600 : 400,
+            color: currentCategory === cat.slug ? "var(--sk-primary)" : "var(--sk-text-primary)"
+          },
+          children: [
+            cat.name,
+            /* @__PURE__ */ jsxs("span", { style: { color: "var(--sk-text-tertiary)", marginLeft: 8 }, children: [
+              "(",
+              cat.post_count,
+              ")"
+            ] })
+          ]
+        }
+      ) }, cat.slug))
+    ] })
+  ] });
+}
+function RecentPostsWidget({
+  posts,
+  basePath
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Recent Posts" }),
+    /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", margin: 0, padding: 0 }, children: posts.map((post) => {
+      const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric"
+      }) : null;
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          style: {
+            marginBottom: 16,
+            paddingBottom: 16,
+            borderBottom: "1px solid var(--sk-border)"
+          },
+          children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 12 }, children: [
+            post.featured_image && /* @__PURE__ */ jsx("a", { href: `${basePath}/${post.slug}`, children: /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: post.featured_image,
+                alt: "",
+                style: {
+                  width: 64,
+                  height: 48,
+                  objectFit: "cover",
+                  borderRadius: 6,
+                  flexShrink: 0
+                }
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `${basePath}/${post.slug}`,
+                  style: {
+                    fontSize: 14,
+                    fontWeight: 500,
+                    color: "var(--sk-text-primary)",
+                    textDecoration: "none",
+                    display: "-webkit-box",
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden"
+                  },
+                  children: post.title
+                }
+              ),
+              date && /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: "var(--sk-text-tertiary)", display: "block", marginTop: 4 }, children: date })
+            ] })
+          ] })
+        },
+        post.id
+      );
+    }) })
+  ] });
+}
+function TagsWidget({
+  tags,
+  basePath
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: widgetStyle, children: [
+    /* @__PURE__ */ jsx("h4", { style: widgetTitleStyle, children: "Popular Tags" }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: tags.slice(0, 15).map((tag) => /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: `${basePath}?tag=${encodeURIComponent(tag.name)}`,
+        style: {
+          padding: "4px 10px",
+          backgroundColor: "var(--sk-bg-elevated)",
+          borderRadius: 9999,
+          fontSize: 12,
+          color: "var(--sk-text-primary)",
+          textDecoration: "none",
+          transition: "background-color 0.2s"
+        },
+        children: tag.name
+      },
+      tag.slug
+    )) })
+  ] });
+}
+var categoryLinkStyle = {
+  display: "flex",
+  alignItems: "center",
+  fontSize: 14,
+  textDecoration: "none"
+};
+async function BlogLayout({
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  apiKey = process.env.SONOR_API_KEY || "",
+  layout = "sidebar-right",
+  showSidebar = true,
+  sidebarProps = {},
+  hero,
+  maxWidth = 1280,
+  basePath = "/blog",
+  className,
+  currentCategory,
+  children
+}) {
+  const hasSidebar = showSidebar && layout !== "full-width";
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    hero && /* @__PURE__ */ jsx(
+      "section",
+      {
+        style: {
+          padding: "60px 20px",
+          backgroundColor: hero.backgroundColor || "var(--sk-primary)",
+          backgroundImage: hero.backgroundImage ? `url(${hero.backgroundImage})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center",
+          color: "var(--sk-bg)",
+          textAlign: "center"
+        },
+        children: /* @__PURE__ */ jsxs("div", { style: { maxWidth, margin: "0 auto" }, children: [
+          hero.title && /* @__PURE__ */ jsx(
+            "h1",
+            {
+              style: {
+                fontSize: "clamp(32px, 5vw, 48px)",
+                fontWeight: 700,
+                marginBottom: 16
+              },
+              children: hero.title
+            }
+          ),
+          hero.subtitle && /* @__PURE__ */ jsx(
+            "p",
+            {
+              style: {
+                fontSize: "clamp(16px, 2vw, 20px)",
+                opacity: 0.9,
+                maxWidth: 600,
+                margin: "0 auto"
+              },
+              children: hero.subtitle
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          maxWidth,
+          margin: "0 auto",
+          padding: "40px 20px"
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: hasSidebar ? "grid" : "block",
+              gridTemplateColumns: hasSidebar ? layout === "sidebar-left" ? "300px 1fr" : "1fr 300px" : void 0,
+              gap: 48
+            },
+            children: [
+              hasSidebar && layout === "sidebar-left" && /* @__PURE__ */ jsx(
+                BlogSidebar,
+                {
+                  apiUrl,
+                  apiKey,
+                  basePath,
+                  currentCategory,
+                  ...sidebarProps
+                }
+              ),
+              /* @__PURE__ */ jsx("main", { style: { minWidth: 0 }, children }),
+              hasSidebar && layout === "sidebar-right" && /* @__PURE__ */ jsx(
+                BlogSidebar,
+                {
+                  apiUrl,
+                  apiKey,
+                  basePath,
+                  currentCategory,
+                  ...sidebarProps
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+async function BlogPage({ listComponent, ...layoutProps }) {
+  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, children: listComponent });
+}
+async function BlogPostPage({ postComponent, ...layoutProps }) {
+  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, showSidebar: false, layout: "full-width", children: /* @__PURE__ */ jsx("div", { style: { maxWidth: 800, margin: "0 auto" }, children: postComponent }) });
+}
+async function CategoryPage({
+  category,
+  categoryName,
+  listComponent,
+  hero,
+  ...layoutProps
+}) {
+  const categoryHero = hero || {
+    title: categoryName || category,
+    subtitle: `Browse all posts in ${categoryName || category}`,
+    backgroundColor: "var(--sk-primary)"
+  };
+  return /* @__PURE__ */ jsx(BlogLayout, { ...layoutProps, hero: categoryHero, currentCategory: category, children: listComponent });
+}
+async function fetchRelatedPosts2(apiUrl, apiKey, currentPostId, limit) {
+  try {
+    const response = await fetch(`${apiUrl}/public/blog/related`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "x-api-key": apiKey
+      },
+      // The controller reads snake_case `current_post_id` and looks the post
+      // up by id. camelCase here meant the id arrived as undefined, the
+      // lookup matched nothing, and this rendered "no related posts" as a
+      // clean 200 — the silent sibling of the 404 path bug fixed above.
+      body: JSON.stringify({
+        current_post_id: currentPostId,
+        limit
+      })
+    });
+    if (!response.ok) {
+      console.error("Failed to fetch related posts:", response.statusText);
+      return [];
+    }
+    const data = await response.json();
+    return data.posts || [];
+  } catch (error) {
+    console.error("Failed to fetch related posts:", error);
+    return [];
+  }
+}
+async function RelatedPosts({
+  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
+  apiKey = process.env.SONOR_API_KEY || "",
+  currentPostId,
+  limit = 3,
+  className,
+  renderItem
+}) {
+  if (!apiKey) {
+    console.warn("[Blog] No API key configured for RelatedPosts");
+    return null;
+  }
+  const posts = await fetchRelatedPosts2(apiUrl, apiKey, currentPostId, limit);
+  if (posts.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className, children: [
+    /* @__PURE__ */ jsx("h3", { style: { marginBottom: 16 }, children: "Related Posts" }),
+    /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 16 }, children: posts.map(
+      (post) => renderItem ? renderItem(post) : /* @__PURE__ */ jsxs("article", { style: { borderBottom: "1px solid var(--sk-border)", paddingBottom: 16 }, children: [
+        post.featured_image && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: post.featured_image,
+            alt: post.title,
+            style: {
+              width: "100%",
+              height: 120,
+              objectFit: "cover",
+              borderRadius: 8,
+              marginBottom: 8
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx("a", { href: `/blog/${post.slug}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ jsx("h4", { style: { margin: 0, color: "inherit" }, children: post.title }) }),
+        post.excerpt && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0", fontSize: 14, color: "var(--sk-text-secondary)" }, children: post.excerpt })
+      ] }, post.id)
+    ) })
+  ] });
+}
 
-export { BlogList, BlogPost, ClusterNavigation, ServiceCallout, ServiceCallouts, addExternalLinkTargets, normalizeSiteHost, resolveBlogSiteUrl };
-//# sourceMappingURL=chunk-JJS63TDR.mjs.map
-//# sourceMappingURL=chunk-JJS63TDR.mjs.map
+export { BlogLayout, BlogList, BlogPage, BlogPost, BlogPostPage, BlogSidebar, CategoryPage, ClusterNavigation, RelatedPosts, ServiceCallout, ServiceCallouts, addExternalLinkTargets, getAuthorSocialLinks, normalizeSiteHost, readingTimeMinutes, resolveBlogSiteUrl };
+//# sourceMappingURL=chunk-UV6KQUSL.mjs.map
+//# sourceMappingURL=chunk-UV6KQUSL.mjs.map