@sonordev/site-kit 6.4.0 → 7.0.0

package/dist/articles/server-ui.mjs

@@ -1,1098 +0,0 @@
-import { readingTimeMinutes, ServiceCallouts, ClusterNavigation, getAuthorSocialLinks } from '../chunk-RCB6HEHM.mjs';
-export { ClusterNavigation } from '../chunk-RCB6HEHM.mjs';
-import { widgetStyle, widgetTitleStyle } from '../chunk-4KAMU5HD.mjs';
-import { resolvePublicationSiteUrl, addExternalLinkTargets } from '../chunk-5YVQWLSQ.mjs';
-import { fetchArticleBySlug, fetchRelatedArticles, fetchArticleCategories, getTopicCluster } from '../chunk-QAQTDHHT.mjs';
-export { articleTableCss, wrapArticleTables } from '../chunk-5F2FIM5A.mjs';
-import { resolveArticleArtwork, articleArtworkImageStyle } from '../chunk-GFSQMK35.mjs';
-export { resolveArticleArtwork } from '../chunk-GFSQMK35.mjs';
-import { createPublicationRoutes, articleCategorySlug } from '../chunk-6C47333H.mjs';
-export { articleCategorySlug, createPublicationRoutes, resolveArticleUrl, resolvePublicationUrl } from '../chunk-6C47333H.mjs';
-import { withSiteParam } from '../chunk-AS2HUIDW.mjs';
-import '../chunk-6XNEGG5B.mjs';
-import '../chunk-C2CTLLIO.mjs';
-import '../chunk-KZVSB5WE.mjs';
-import '../chunk-ZN4HBK5C.mjs';
-import '../chunk-BEXTDHO4.mjs';
-import { marked } from 'marked';
-import { notFound } from 'next/navigation';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React from 'react';
-
-function getClusterNav(post) {
-  if (!post.cluster_id && !post.cluster_slug) return null;
-  const isPillar = post.article_type === "pillar";
-  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 || "",
-      category: post.parent_pillar_category || void 0
-    } : null,
-    siblings: post.sibling_articles || [],
-    is_pillar: isPillar
-  };
-}
-function looksLikeMarkdown(text) {
-  if (text.trimStart().startsWith("<")) return false;
-  const markers = [/^#{1,6}\s/m, /\*\*[^*]+\*\*/, /\[([^\]]+)\]\([^)]+\)/, /^[-*]\s/m, /^>\s/m];
-  let hits = 0;
-  for (const re of markers) if (re.test(text)) hits++;
-  return hits >= 2;
-}
-function slugify(text) {
-  return text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
-}
-function ensureHtml(raw) {
-  if (!raw) return raw;
-  let html = raw;
-  if (looksLikeMarkdown(html)) {
-    html = marked.parse(html, { gfm: true, breaks: false, async: false });
-  }
-  html = injectHeadingIds(html);
-  return html;
-}
-function injectHeadingIds(html) {
-  return html.replace(/<h([2-4])([^>]*)>(.*?)<\/h[2-4]>/gi, (_full, level, attrs, inner) => {
-    if (/\bid\s*=/i.test(attrs)) return _full;
-    const text = inner.replace(/<[^>]*>/g, "");
-    const id = slugify(text);
-    return `<h${level}${attrs} id="${id}">${inner}</h${level}>`;
-  });
-}
-function generateTableOfContents(html) {
-  const headingRegex = /<h([2-4])[^>]*(?:id="([^"]*)")?[^>]*>(.*?)<\/h[2-4]>/gi;
-  const items = [];
-  let match;
-  while ((match = headingRegex.exec(html)) !== null) {
-    const level = parseInt(match[1]);
-    const existingId = match[2];
-    const text = match[3].replace(/<[^>]*>/g, "");
-    const id = existingId || slugify(text);
-    items.push({ id, text, level });
-  }
-  return items;
-}
-function cls(unstyled, styles, key, defaultClass, extra) {
-  if (unstyled) return styles[key] || void 0;
-  const base = styles[key] || defaultClass;
-  return extra ? `${base} ${extra}` : base;
-}
-async function Article({
-  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
-  apiKey = process.env.SONOR_API_KEY || "",
-  slug,
-  showToc = true,
-  showRelated = true,
-  relatedCount = 3,
-  showAuthor = true,
-  basePath,
-  publicationName = "Articles",
-  routing,
-  className,
-  styles = {},
-  unstyled = false,
-  siteUrl,
-  site,
-  notFound: notFound$1 = true,
-  children
-}) {
-  const routes = createPublicationRoutes({ basePath, ...routing });
-  if (!apiKey) {
-    console.warn("[Articles] No API key configured");
-    return null;
-  }
-  const [post, { articleCss }, { wrapArticleTables: wrapArticleTables2 }] = await Promise.all([
-    fetchArticleBySlug({ apiUrl, apiKey, site }, slug),
-    unstyled ? Promise.resolve({ articleCss: "" }) : import('../article-styles-DACUAOVT.mjs'),
-    import('../article-tables-OGE52LNT.mjs')
-  ]);
-  if (!post) {
-    if (notFound$1) notFound();
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleCss } }),
-      /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "notFound", "sk-article-not-found", className), children: [
-        /* @__PURE__ */ jsx("h1", { children: "Post Not Found" }),
-        /* @__PURE__ */ jsx("p", { children: "The article you\u2019re looking for doesn\u2019t exist or has been removed." }),
-        /* @__PURE__ */ jsx("a", { href: routes.index, children: "\u2190 Back to articles" })
-      ] })
-    ] });
-  }
-  const rawContent = post.content_html || post.content || "";
-  const content = ensureHtml(rawContent);
-  const siteUrlResolved = resolvePublicationSiteUrl(siteUrl);
-  const contentWithExternalTargets = wrapArticleTables2(addExternalLinkTargets(content, siteUrlResolved));
-  const artwork = resolveArticleArtwork(post, "article");
-  const tableOfContents = showToc ? generateTableOfContents(content) : [];
-  const relatedPosts = showRelated ? await fetchRelatedArticles({ apiUrl, apiKey, site }, post.id, relatedCount, { revalidate: 300 }) : [];
-  const faqRaw = post.faq_items ?? post.faqItems;
-  const faqItemsProcessed = faqRaw?.map((item) => ({
-    ...item,
-    answer: addExternalLinkTargets(item.answer || "", siteUrlResolved)
-  })) ?? faqRaw;
-  const { ArticleViewTracker } = await import('../ArticleViewTracker-BUG2TOHS.mjs');
-  if (children) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ArticleViewTracker, { slug: post.slug, site }),
-      children({ post, tableOfContents, relatedPosts })
-    ] });
-  }
-  const { ArticleFaqSection } = await import('../ArticleFaqSection-XZPXJVH4.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: articleCss } }),
-    /* @__PURE__ */ jsx(ArticleViewTracker, { slug: post.slug, site }),
-    /* @__PURE__ */ jsxs("article", { className: cls(unstyled, styles, "article", "sk-article", className), children: [
-      /* @__PURE__ */ jsxs("header", { className: cls(unstyled, styles, "header", "sk-article-header"), children: [
-        /* @__PURE__ */ jsxs("nav", { className: cls(unstyled, styles, "breadcrumb", "sk-article-breadcrumb"), children: [
-          /* @__PURE__ */ jsx("a", { href: routes.index, className: styles.breadcrumbLink || void 0, children: publicationName }),
-          post.category && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "sk-article-breadcrumb-sep", children: "/" }),
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: routing?.categoryPath ? routes.category(articleCategorySlug(post.category)) : `${routes.index}?category=${encodeURIComponent(articleCategorySlug(post.category))}`,
-                className: styles.breadcrumbLink || void 0,
-                children: typeof post.category === "string" ? post.category : post.category?.name || "Uncategorized"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("h1", { className: cls(unstyled, styles, "title", "sk-article-title"), children: post.title }),
-        post.subtitle && /* @__PURE__ */ jsx("p", { className: cls(unstyled, styles, "subtitle", "sk-article-subtitle"), children: post.subtitle }),
-        /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "meta", "sk-article-meta"), children: [
-          post.author && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-article-meta-item"), children: [
-            "By ",
-            typeof post.author === "string" ? post.author : post.author.name
-          ] }),
-          post.author && date && /* @__PURE__ */ jsx("span", { className: "sk-article-meta-dot" }),
-          date && /* @__PURE__ */ jsx("span", { className: cls(unstyled, styles, "metaItem", "sk-article-meta-item"), children: date }),
-          date && readingTimeMinutes(post) && /* @__PURE__ */ jsx("span", { className: "sk-article-meta-dot" }),
-          readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls(unstyled, styles, "metaItem", "sk-article-meta-item"), children: [
-            readingTimeMinutes(post),
-            " min read"
-          ] })
-        ] })
-      ] }),
-      artwork.src && /* @__PURE__ */ jsx("figure", { className: cls(unstyled, styles, "featuredImageWrapper", "sk-article-featured-wrap"), children: /* @__PURE__ */ jsx(
-        "img",
-        {
-          src: artwork.src,
-          alt: artwork.alt,
-          "data-sk-composed-card": artwork.composed || void 0,
-          style: articleArtworkImageStyle(artwork),
-          className: cls(unstyled, styles, "featuredImage", "sk-article-featured-img")
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: cls(unstyled, styles, "contentLayout", hasToc ? "sk-article-layout sk-article-layout--has-toc" : "sk-article-layout"), children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cls(unstyled, styles, "content", "sk-article-content"),
-            dangerouslySetInnerHTML: { __html: contentWithExternalTargets }
-          }
-        ),
-        hasToc && /* @__PURE__ */ jsxs("aside", { className: cls(unstyled, styles, "tocSidebar", "sk-article-toc"), children: [
-          /* @__PURE__ */ jsx("h4", { className: cls(unstyled, styles, "tocTitle", "sk-article-toc-title"), children: "On This Page" }),
-          /* @__PURE__ */ jsx("ul", { className: cls(unstyled, styles, "tocList", "sk-article-toc-list"), children: tableOfContents.map((item) => /* @__PURE__ */ jsx(
-            "li",
-            {
-              className: cls(unstyled, styles, "tocItem", item.level > 2 ? `sk-article-toc-indent-${item.level}` : ""),
-              children: /* @__PURE__ */ jsx("a", { href: `#${item.id}`, className: styles.tocLink || void 0, children: item.text })
-            },
-            item.id
-          )) })
-        ] })
-      ] }),
-      post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "tags", "sk-article-tags"), children: post.tags.map((tag, index) => {
-        const tagName = typeof tag === "string" ? tag : tag?.name || "";
-        return /* @__PURE__ */ jsxs("a", { href: `${routes.index}?tag=${encodeURIComponent(tagName)}`, className: cls(unstyled, styles, "tag", "sk-article-tag"), children: [
-          "#",
-          tagName
-        ] }, `${tagName}-${index}`);
-      }) }),
-      /* @__PURE__ */ jsx(
-        ServiceCallouts,
-        {
-          callouts: post.service_callouts ?? post.serviceCallouts ?? [],
-          unstyled
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ArticleFaqSection,
-        {
-          items: faqItemsProcessed ?? [],
-          unstyled,
-          styles: unstyled ? {
-            section: styles.faqSection,
-            title: styles.faqTitle,
-            item: styles.faqItem,
-            question: styles.faqQuestion,
-            answerInner: styles.faqAnswer
-          } : void 0
-        }
-      ),
-      showAuthor && post.author && typeof post.author === "object" && /* @__PURE__ */ jsx(AuthorSection, { author: normalizeAuthorForDisplay(post.author), className: styles.authorCard, unstyled }),
-      (() => {
-        const clusterNav = getClusterNav(post);
-        if (!clusterNav) return null;
-        return /* @__PURE__ */ jsx(
-          ClusterNavigation,
-          {
-            navigation: clusterNav,
-            basePath,
-            routing,
-            unstyled
-          }
-        );
-      })(),
-      showRelated && relatedPosts.length > 0 && /* @__PURE__ */ jsxs("section", { className: cls(unstyled, styles, "relatedSection", "sk-article-related"), children: [
-        /* @__PURE__ */ jsx("h2", { className: cls(unstyled, styles, "relatedTitle", "sk-article-related-title"), children: "Related articles" }),
-        /* @__PURE__ */ jsx("div", { className: cls(unstyled, styles, "relatedGrid", "sk-article-related-grid"), children: relatedPosts.map((rp) => {
-          const relatedArtwork = resolveArticleArtwork(rp);
-          return /* @__PURE__ */ jsxs("a", { href: routes.post(rp), className: cls(unstyled, styles, "relatedCard", "sk-article-related-card"), children: [
-            relatedArtwork.src && /* @__PURE__ */ jsx("img", { src: relatedArtwork.src, alt: relatedArtwork.alt, "data-sk-composed-card": relatedArtwork.composed || void 0, style: articleArtworkImageStyle(relatedArtwork) }),
-            /* @__PURE__ */ jsxs("div", { className: "sk-article-related-card-body", children: [
-              /* @__PURE__ */ jsx("h3", { children: rp.title }),
-              rp.excerpt && /* @__PURE__ */ jsxs("p", { children: [
-                rp.excerpt.slice(0, 120),
-                "..."
-              ] })
-            ] })
-          ] }, rp.id);
-        }) })
-      ] })
-    ] })
-  ] });
-}
-function normalizeAuthorForDisplay(author) {
-  const a = author;
-  return {
-    id: a.id ?? "author",
-    project_id: a.project_id ?? "",
-    name: a.name ?? "Author",
-    slug: a.slug ?? "author",
-    bio: a.bio ?? void 0,
-    avatar_url: a.avatar_url ?? a.image ?? a.image_url ?? 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,
-    ...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-article-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-article-author-avatar" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h3", { className: unstyled ? void 0 : "sk-article-author-name", children: author.name }),
-      "title" in author && author.title && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-article-author-title", children: author.title }),
-      author.bio && /* @__PURE__ */ jsx("p", { className: unstyled ? void 0 : "sk-article-author-bio", children: author.bio }),
-      socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: unstyled ? void 0 : "sk-article-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-article-author-links", children: author.sameAs.map((url, i) => /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: "Profile" }, i)) })
-    ] })
-  ] });
-}
-async function fetchArticleList(params) {
-  const {
-    apiUrl,
-    apiKey,
-    category,
-    tag,
-    author,
-    featured,
-    search,
-    cluster,
-    page = 1,
-    perPage = 12,
-    orderBy = "published_at",
-    order = "desc",
-    site
-  } = params;
-  const queryParams = new URLSearchParams();
-  if (category) queryParams.set("category", category);
-  if (tag) queryParams.set("tag", tag);
-  if (author) queryParams.set("author", author);
-  if (featured) queryParams.set("featured", "true");
-  if (search) queryParams.set("search", search);
-  if (cluster) queryParams.set("cluster", cluster);
-  queryParams.set("page", String(page));
-  queryParams.set("per_page", String(perPage));
-  queryParams.set("order_by", orderBy);
-  queryParams.set("order", order);
-  try {
-    const response = await fetch(withSiteParam(`${apiUrl}/public/articles/posts?${queryParams}`, site), {
-      headers: { "x-api-key": apiKey },
-      next: { revalidate: 60 }
-    });
-    if (!response.ok) {
-      console.error("[Articles] Failed to fetch posts:", response.statusText);
-      return emptyResult();
-    }
-    const data = await response.json();
-    return {
-      posts: data.posts || [],
-      pagination: {
-        page: data.pagination?.page || 1,
-        perPage: data.pagination?.per_page || 12,
-        total: data.pagination?.total || 0,
-        totalPages: data.pagination?.total_pages || 0,
-        hasNext: data.pagination?.has_next || false,
-        hasPrev: data.pagination?.has_prev || false
-      }
-    };
-  } catch (error) {
-    console.error("[Articles] Error fetching posts:", error);
-    return emptyResult();
-  }
-}
-function emptyResult() {
-  return { posts: [], pagination: { page: 1, perPage: 12, total: 0, totalPages: 0, hasNext: false, hasPrev: false } };
-}
-function cls2(unstyled, styles, key, defaultClass, extra) {
-  if (unstyled) return styles[key] || void 0;
-  const base = styles[key] || defaultClass;
-  return extra ? `${base} ${extra}` : base;
-}
-async function ArticleList({
-  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
-  apiKey = process.env.SONOR_API_KEY || "",
-  category,
-  tag,
-  author,
-  featured,
-  search,
-  cluster,
-  page = 1,
-  perPage = 12,
-  orderBy = "published_at",
-  order = "desc",
-  site,
-  showCategoryFilter = false,
-  showPagination = true,
-  className,
-  basePath,
-  routing,
-  styles = {},
-  unstyled = false,
-  renderPost,
-  children
-}) {
-  const routes = createPublicationRoutes({ basePath, ...routing });
-  if (!apiKey) {
-    console.warn("[Articles] No API key configured");
-    return null;
-  }
-  const [articleData, categories, { articleListCss }] = await Promise.all([
-    fetchArticleList({ apiUrl, apiKey, category, tag, author, featured, search, cluster, page, perPage, orderBy, order, site }),
-    showCategoryFilter ? fetchArticleCategories({ apiUrl, apiKey, site }) : Promise.resolve([]),
-    unstyled || children ? Promise.resolve({ articleListCss: "" }) : import('../article-styles-DACUAOVT.mjs')
-  ]);
-  if (children) {
-    return children({ posts: articleData.posts, pagination: articleData.pagination, categories });
-  }
-  const { posts, pagination } = articleData;
-  if (posts.length === 0) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleListCss } }),
-      /* @__PURE__ */ jsx("div", { className: cls2(unstyled, styles, "emptyState", "sk-article-list sk-article-list-empty", className), children: /* @__PURE__ */ jsx("p", { children: "No posts found." }) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: articleListCss } }),
-    /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "container", "sk-article-list", className), children: [
-      showCategoryFilter && categories.length > 0 && /* @__PURE__ */ jsxs("nav", { className: cls2(unstyled, styles, "categoryNav", "sk-article-list-cats"), children: [
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: routes.index,
-            className: cls2(unstyled, styles, "categoryLink", !category ? "sk-article-list-cat sk-article-list-cat--active" : "sk-article-list-cat"),
-            children: "All"
-          }
-        ),
-        categories.map((cat) => /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: routing?.categoryPath ? routes.category(cat.slug) : `${routes.index}?category=${encodeURIComponent(cat.slug)}`,
-            className: cls2(unstyled, styles, "categoryLink", category === cat.slug ? "sk-article-list-cat sk-article-list-cat--active" : "sk-article-list-cat"),
-            children: [
-              cat.name,
-              " (",
-              cat.post_count,
-              ")"
-            ]
-          },
-          cat.slug
-        ))
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: cls2(unstyled, styles, "grid", "sk-article-list-grid"), children: posts.map(
-        (post) => renderPost ? /* @__PURE__ */ jsx(React.Fragment, { children: renderPost(post) }, post.id) : /* @__PURE__ */ jsx(ArticleCard, { post, href: routes.post(post), styles, unstyled }, post.id)
-      ) }),
-      showPagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxs("nav", { className: cls2(unstyled, styles, "pagination", "sk-article-list-pagination"), children: [
-        pagination.hasPrev && /* @__PURE__ */ jsx("a", { href: buildPaginationUrl(routes.index, page - 1, category), className: cls2(unstyled, styles, "paginationLink", "sk-article-list-page-link"), children: "\u2190 Previous" }),
-        /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "paginationInfo", "sk-article-list-page-info"), children: [
-          "Page ",
-          pagination.page,
-          " of ",
-          pagination.totalPages
-        ] }),
-        pagination.hasNext && /* @__PURE__ */ jsx("a", { href: buildPaginationUrl(routes.index, page + 1, category), className: cls2(unstyled, styles, "paginationLink", "sk-article-list-page-link"), children: "Next \u2192" })
-      ] })
-    ] })
-  ] });
-}
-function ArticleCard({ post, href, styles = {}, unstyled = false }) {
-  const artwork = resolveArticleArtwork(post);
-  const date = post.published_at ? new Date(post.published_at).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : null;
-  return /* @__PURE__ */ jsxs("article", { className: cls2(unstyled, styles, "card", "sk-article-list-card"), children: [
-    artwork.src && /* @__PURE__ */ jsx("a", { href, className: cls2(unstyled, styles, "cardImageWrapper", "sk-article-list-card-img-link"), children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: artwork.src,
-        alt: artwork.alt,
-        "data-sk-composed-card": artwork.composed || void 0,
-        style: articleArtworkImageStyle(artwork),
-        className: cls2(unstyled, styles, "cardImage", "sk-article-list-card-img")
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardBody", "sk-article-list-card-body"), children: [
-      /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardMeta", "sk-article-list-card-meta"), children: [
-        post.category && /* @__PURE__ */ jsx("span", { className: cls2(unstyled, styles, "cardCategory", "sk-article-list-card-category"), children: typeof post.category === "string" ? post.category : post.category?.name || "Uncategorized" }),
-        post.article_type && /* @__PURE__ */ jsx("span", { className: "sk-article-list-card-article-type", style: {
-          display: "inline-flex",
-          alignItems: "center",
-          padding: "0.0625rem 0.375rem",
-          borderRadius: "9999px",
-          fontSize: "0.6875rem",
-          fontWeight: 500,
-          background: post.article_type === "pillar" ? "rgba(99,102,241,0.1)" : "rgba(99,102,241,0.05)",
-          color: "#6366f1",
-          border: "1px solid rgba(99,102,241,0.15)",
-          textTransform: "capitalize"
-        }, children: post.article_type }),
-        date && /* @__PURE__ */ jsx("span", { className: cls2(unstyled, styles, "cardDate", "sk-article-list-card-date"), children: date })
-      ] }),
-      /* @__PURE__ */ jsx("h3", { className: cls2(unstyled, styles, "cardTitle", "sk-article-list-card-title"), children: /* @__PURE__ */ jsx("a", { href, className: styles.cardTitleLink || void 0, children: post.title }) }),
-      post.excerpt && /* @__PURE__ */ jsx("p", { className: cls2(unstyled, styles, "cardExcerpt", "sk-article-list-card-excerpt"), children: post.excerpt }),
-      /* @__PURE__ */ jsxs("div", { className: cls2(unstyled, styles, "cardFooter", "sk-article-list-card-footer"), children: [
-        post.author && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardAuthor", ""), children: [
-          "By ",
-          typeof post.author === "string" ? post.author : post.author.name
-        ] }),
-        readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { className: cls2(unstyled, styles, "cardReadingTime", ""), children: [
-          readingTimeMinutes(post),
-          " min read"
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function buildPaginationUrl(basePath, page, category) {
-  const params = new URLSearchParams();
-  params.set("page", String(page));
-  if (category) params.set("category", category);
-  return `${basePath}?${params}`;
-}
-var clusterLandingCss = `
-.sk-cluster-landing { max-width: 72rem; margin: 0 auto; padding: 2rem 1rem; }
-
-.sk-cluster-hero { margin-bottom: 3rem; text-align: center; }
-.sk-cluster-hero-label {
-  display: inline-flex; align-items: center; gap: 0.375rem;
-  font-size: 0.75rem; font-weight: 600; text-transform: uppercase;
-  letter-spacing: 0.05em; color: #6366f1; margin-bottom: 0.75rem;
-}
-.sk-cluster-hero-title {
-  font-size: 2.25rem; font-weight: 800; color: #111827;
-  line-height: 1.2; margin: 0 0 0.75rem 0;
-}
-.sk-cluster-hero-desc {
-  font-size: 1.125rem; color: #6b7280; max-width: 40rem;
-  margin: 0 auto; line-height: 1.6;
-}
-.sk-cluster-hero-meta {
-  display: flex; justify-content: center; gap: 1.5rem;
-  margin-top: 1rem; font-size: 0.875rem; color: #9ca3af;
-}
-
-.sk-cluster-pillar-card {
-  display: block; text-decoration: none; color: inherit;
-  padding: 2rem; border-radius: 0.75rem;
-  background: linear-gradient(135deg, rgba(99,102,241,0.04), rgba(99,102,241,0.01));
-  border: 2px solid rgba(99,102,241,0.2);
-  margin-bottom: 3rem; transition: border-color 0.2s, box-shadow 0.2s;
-}
-.sk-cluster-pillar-card:hover {
-  border-color: rgba(99,102,241,0.4);
-  box-shadow: 0 4px 24px rgba(99,102,241,0.08);
-}
-.sk-cluster-pillar-label {
-  display: inline-flex; align-items: center; gap: 0.375rem;
-  font-size: 0.6875rem; font-weight: 700; text-transform: uppercase;
-  letter-spacing: 0.05em; color: #6366f1; margin-bottom: 0.75rem;
-  padding: 0.25rem 0.5rem; border-radius: 9999px;
-  background: rgba(99,102,241,0.08);
-}
-.sk-cluster-pillar-title {
-  font-size: 1.5rem; font-weight: 700; color: #111827;
-  margin: 0 0 0.5rem 0; line-height: 1.3;
-}
-.sk-cluster-pillar-excerpt {
-  font-size: 1rem; color: #6b7280; line-height: 1.6;
-  margin: 0 0 1rem 0;
-}
-.sk-cluster-pillar-meta {
-  display: flex; gap: 1rem; font-size: 0.8125rem; color: #9ca3af;
-}
-
-.sk-cluster-supports-section { margin-bottom: 2rem; }
-.sk-cluster-supports-title {
-  font-size: 1.25rem; font-weight: 700; color: #111827;
-  margin: 0 0 1.25rem 0;
-}
-.sk-cluster-supports-grid {
-  display: grid; gap: 1.25rem;
-  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
-}
-.sk-cluster-support-card {
-  display: block; text-decoration: none; color: inherit;
-  padding: 1.25rem; border-radius: 0.5rem;
-  border: 1px solid #e5e7eb; background: #fff;
-  transition: border-color 0.2s, box-shadow 0.2s;
-}
-.sk-cluster-support-card:hover {
-  border-color: #c7d2fe;
-  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
-}
-.sk-cluster-support-card-header {
-  display: flex; align-items: center; gap: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.sk-cluster-support-type {
-  display: inline-flex; align-items: center;
-  padding: 0.125rem 0.375rem; border-radius: 9999px;
-  font-size: 0.6875rem; font-weight: 500;
-  background: rgba(99,102,241,0.06); color: #6366f1;
-  border: 1px solid rgba(99,102,241,0.12);
-  text-transform: capitalize;
-}
-.sk-cluster-support-intent {
-  font-size: 0.6875rem; color: #9ca3af;
-  text-transform: capitalize;
-}
-.sk-cluster-support-title {
-  font-size: 1rem; font-weight: 600; color: #111827;
-  margin: 0 0 0.375rem 0; line-height: 1.4;
-}
-.sk-cluster-support-excerpt {
-  font-size: 0.875rem; color: #6b7280; line-height: 1.5;
-  margin: 0; display: -webkit-box; -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical; overflow: hidden;
-}
-.sk-cluster-support-meta {
-  display: flex; gap: 0.75rem; margin-top: 0.75rem;
-  font-size: 0.75rem; color: #9ca3af;
-}
-`;
-async function ClusterLandingPage({
-  slug,
-  site,
-  basePath,
-  routing,
-  categoryInPath = false,
-  unstyled = false,
-  className,
-  children
-}) {
-  const cluster = await getTopicCluster(slug, { site });
-  if (!cluster) {
-    return /* @__PURE__ */ jsx("div", { style: { padding: "4rem 1rem", textAlign: "center", color: "#6b7280" }, children: /* @__PURE__ */ jsx("p", { children: "Topic cluster not found." }) });
-  }
-  if (children) {
-    return children({ cluster });
-  }
-  const pillar = cluster.pillar;
-  const supports = cluster.supports || [];
-  const articleUrl = createPublicationRoutes({ basePath, includeCategoryInPath: categoryInPath, ...routing }).post;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !unstyled && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: clusterLandingCss } }),
-    /* @__PURE__ */ jsxs("div", { className: `${unstyled ? "" : "sk-cluster-landing"} ${className || ""}`, children: [
-      /* @__PURE__ */ jsxs("header", { className: unstyled ? "" : "sk-cluster-hero", children: [
-        /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-hero-label", children: "Topic Cluster" }),
-        /* @__PURE__ */ jsx("h1", { className: unstyled ? "" : "sk-cluster-hero-title", children: cluster.cluster_name }),
-        /* @__PURE__ */ jsxs("p", { className: unstyled ? "" : "sk-cluster-hero-desc", children: [
-          cluster.core_topic,
-          cluster.geo_target ? ` in ${cluster.geo_target}` : ""
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-hero-meta", children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            cluster.article_count,
-            " articles"
-          ] }),
-          cluster.geo_target && /* @__PURE__ */ jsx("span", { children: cluster.geo_target })
-        ] })
-      ] }),
-      pillar && /* @__PURE__ */ jsxs("a", { href: articleUrl(pillar), className: unstyled ? "" : "sk-cluster-pillar-card", children: [
-        /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-pillar-label", children: "Pillar Guide" }),
-        /* @__PURE__ */ jsx("h2", { className: unstyled ? "" : "sk-cluster-pillar-title", children: pillar.title }),
-        pillar.excerpt && /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-pillar-excerpt", children: pillar.excerpt }),
-        /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-pillar-meta", children: [
-          readingTimeMinutes(pillar) && /* @__PURE__ */ jsxs("span", { children: [
-            readingTimeMinutes(pillar),
-            " min read"
-          ] }),
-          pillar.word_count && /* @__PURE__ */ jsxs("span", { children: [
-            pillar.word_count.toLocaleString(),
-            " words"
-          ] })
-        ] })
-      ] }),
-      supports.length > 0 && /* @__PURE__ */ jsxs("section", { className: unstyled ? "" : "sk-cluster-supports-section", children: [
-        /* @__PURE__ */ jsx("h2", { className: unstyled ? "" : "sk-cluster-supports-title", children: "Deep Dives" }),
-        /* @__PURE__ */ jsx("div", { className: unstyled ? "" : "sk-cluster-supports-grid", children: supports.map((post) => /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: articleUrl(post),
-            className: unstyled ? "" : "sk-cluster-support-card",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-support-card-header", children: [
-                post.article_type && /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-support-type", children: post.article_type }),
-                post.search_intent && /* @__PURE__ */ jsx("span", { className: unstyled ? "" : "sk-cluster-support-intent", children: post.search_intent })
-              ] }),
-              /* @__PURE__ */ jsx("h3", { className: unstyled ? "" : "sk-cluster-support-title", children: post.title }),
-              post.excerpt && /* @__PURE__ */ jsx("p", { className: unstyled ? "" : "sk-cluster-support-excerpt", children: post.excerpt }),
-              /* @__PURE__ */ jsxs("div", { className: unstyled ? "" : "sk-cluster-support-meta", children: [
-                readingTimeMinutes(post) && /* @__PURE__ */ jsxs("span", { children: [
-                  readingTimeMinutes(post),
-                  " min read"
-                ] }),
-                post.relationship_to_pillar && /* @__PURE__ */ jsx("span", { children: post.relationship_to_pillar })
-              ] })
-            ]
-          },
-          post.id || post.slug
-        )) })
-      ] })
-    ] })
-  ] });
-}
-async function fetchRecentPosts(apiUrl, apiKey, limit = 5, site) {
-  try {
-    const response = await fetch(withSiteParam(`${apiUrl}/public/articles/recent?limit=${limit}`, site), {
-      headers: { "x-api-key": apiKey },
-      next: { revalidate: 300 }
-    });
-    if (!response.ok) return [];
-    const data = await response.json();
-    return data.posts || [];
-  } catch (error) {
-    console.error("[Articles] Error fetching recent posts:", error);
-    return [];
-  }
-}
-async function fetchTags(apiUrl, apiKey, site) {
-  try {
-    const response = await fetch(withSiteParam(`${apiUrl}/public/articles/tags`, site), {
-      headers: { "x-api-key": apiKey },
-      next: { revalidate: 300 }
-    });
-    if (!response.ok) return [];
-    const data = await response.json();
-    return data.tags || [];
-  } catch (error) {
-    console.error("[Articles] Error fetching tags:", error);
-    return [];
-  }
-}
-async function PublicationSidebar({
-  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
-  apiKey = process.env.SONOR_API_KEY || "",
-  site,
-  showCategories = true,
-  showRecentPosts = true,
-  recentPostsCount = 5,
-  showTags = true,
-  showSearch = true,
-  basePath,
-  routing,
-  className,
-  currentCategory,
-  children
-}) {
-  const routes = createPublicationRoutes({ basePath, ...routing });
-  if (!apiKey) {
-    console.warn("[Articles] No API key configured for sidebar");
-    return null;
-  }
-  const [categories, recentPosts, tags] = await Promise.all([
-    showCategories ? fetchArticleCategories({ apiUrl, apiKey, site }) : Promise.resolve([]),
-    showRecentPosts ? fetchRecentPosts(apiUrl, apiKey, recentPostsCount, site) : Promise.resolve([]),
-    showTags ? fetchTags(apiUrl, apiKey, site) : Promise.resolve([])
-  ]);
-  return /* @__PURE__ */ jsxs("aside", { className, style: { display: "flex", flexDirection: "column", gap: 32 }, children: [
-    showSearch && /* @__PURE__ */ jsx(SearchWidget, { basePath: routes.index }),
-    showCategories && categories.length > 0 && /* @__PURE__ */ jsx(
-      CategoriesWidget,
-      {
-        categories,
-        basePath: routes.index,
-        categoryPath: routing?.categoryPath ? routes.category : void 0,
-        currentCategory
-      }
-    ),
-    showRecentPosts && recentPosts.length > 0 && /* @__PURE__ */ jsx(RecentPostsWidget, { posts: recentPosts, routes }),
-    showTags && tags.length > 0 && /* @__PURE__ */ jsx(TagsWidget, { tags, basePath: routes.index }),
-    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,
-  categoryPath,
-  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: categoryPath ? categoryPath(cat.slug) : `${basePath}?category=${encodeURIComponent(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,
-  routes
-}) {
-  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 artwork = resolveArticleArtwork(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: [
-            artwork.src && /* @__PURE__ */ jsx("a", { href: routes.post(post), children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: artwork.src,
-                alt: "",
-                "data-sk-composed-card": artwork.composed || void 0,
-                style: {
-                  width: 64,
-                  height: 48,
-                  objectFit: "cover",
-                  borderRadius: 6,
-                  flexShrink: 0,
-                  ...articleArtworkImageStyle(artwork)
-                }
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-              /* @__PURE__ */ jsx(
-                "a",
-                {
-                  href: routes.post(post),
-                  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 PublicationLayout({
-  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
-  apiKey = process.env.SONOR_API_KEY || "",
-  site,
-  layout = "sidebar-right",
-  showSidebar = true,
-  sidebarProps = {},
-  hero,
-  maxWidth = 1280,
-  basePath,
-  routing,
-  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(
-                PublicationSidebar,
-                {
-                  apiUrl,
-                  apiKey,
-                  site,
-                  basePath,
-                  routing,
-                  currentCategory,
-                  ...sidebarProps
-                }
-              ),
-              /* @__PURE__ */ jsx("main", { style: { minWidth: 0 }, children }),
-              hasSidebar && layout === "sidebar-right" && /* @__PURE__ */ jsx(
-                PublicationSidebar,
-                {
-                  apiUrl,
-                  apiKey,
-                  site,
-                  basePath,
-                  routing,
-                  currentCategory,
-                  ...sidebarProps
-                }
-              )
-            ]
-          }
-        )
-      }
-    )
-  ] });
-}
-async function PublicationPage({ listComponent, ...layoutProps }) {
-  return /* @__PURE__ */ jsx(PublicationLayout, { ...layoutProps, children: listComponent });
-}
-async function ArticlePage({ postComponent, ...layoutProps }) {
-  return /* @__PURE__ */ jsx(PublicationLayout, { ...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(PublicationLayout, { ...layoutProps, hero: categoryHero, currentCategory: category, children: listComponent });
-}
-async function RelatedPosts({
-  apiUrl = process.env.SONOR_API_URL || "https://api.sonor.io",
-  apiKey = process.env.SONOR_API_KEY || "",
-  currentPostId,
-  limit = 3,
-  site,
-  className,
-  basePath,
-  routing,
-  renderItem
-}) {
-  const routes = createPublicationRoutes({ basePath, ...routing });
-  if (!apiKey) {
-    console.warn("[Articles] No API key configured for RelatedPosts");
-    return null;
-  }
-  const posts = await fetchRelatedArticles({ apiUrl, apiKey, site }, currentPostId, limit);
-  if (posts.length === 0) return null;
-  return /* @__PURE__ */ jsxs("section", { className, children: [
-    /* @__PURE__ */ jsx("h3", { style: { marginBottom: 16 }, children: "Related articles" }),
-    /* @__PURE__ */ jsx("div", { style: { display: "grid", gap: 16 }, children: posts.map((post) => {
-      const artwork = resolveArticleArtwork(post);
-      return renderItem ? renderItem(post) : /* @__PURE__ */ jsxs("article", { style: { borderBottom: "1px solid var(--sk-border)", paddingBottom: 16 }, children: [
-        artwork.src && /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: artwork.src,
-            alt: artwork.alt,
-            "data-sk-composed-card": artwork.composed || void 0,
-            style: {
-              width: "100%",
-              height: 120,
-              objectFit: "cover",
-              borderRadius: 8,
-              marginBottom: 8,
-              ...articleArtworkImageStyle(artwork)
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx("a", { href: routes.post(post), 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 { Article, ArticleList, ArticlePage, CategoryPage, ClusterLandingPage, PublicationLayout, PublicationPage, PublicationSidebar, RelatedPosts };
-//# sourceMappingURL=server-ui.mjs.map
-//# sourceMappingURL=server-ui.mjs.map