@fullstackdatasolutions/articles 0.8.2 → 0.10.0

package/dist/index.js

@@ -90,44 +90,177 @@ function ArticleCategoryGrid({ categories, pageSize = 8 }) {
   ] }) });
 }
 
-// src/ArticleSchemas.tsx
+// src/authorUtils.ts
+function getAuthorUrl(author) {
+  var _a;
+  return (_a = author.url) != null ? _a : `/articles/authors/${author.slug}`;
+}
+function getAuthorAvatar(author, config) {
+  if (!author.avatar) return void 0;
+  if (author.avatar.startsWith("http://") || author.avatar.startsWith("https://")) {
+    return author.avatar;
+  }
+  const path = `/articles/authors/${author.slug}/${author.avatar.replace(/^\/+/, "")}`;
+  if (!config) return path;
+  return `${config.siteUrl.replace(/\/$/, "")}${path}`;
+}
+function getAuthorSameAs(author) {
+  return getAuthorSocialLinks(author).map((link) => link.href);
+}
+function normalizeHandle(value) {
+  return value.replace(/^@/, "");
+}
+function normalizeUrl(value, baseUrl) {
+  if (value.startsWith("http://") || value.startsWith("https://")) return value;
+  if (!baseUrl) return value;
+  return `${baseUrl}${normalizeHandle(value)}`;
+}
+function getConfiguredSocialLinks(social) {
+  var _a, _b;
+  return [
+    { label: "Website", href: (_a = social.website) != null ? _a : "" },
+    {
+      label: "Facebook",
+      href: social.facebook ? normalizeUrl(social.facebook, "https://www.facebook.com/") : ""
+    },
+    {
+      label: "Twitter",
+      href: social.twitter ? normalizeUrl(social.twitter, "https://twitter.com/") : ""
+    },
+    { label: "X", href: social.x ? normalizeUrl(social.x, "https://x.com/") : "" },
+    {
+      label: "LinkedIn",
+      href: social.linkedin ? normalizeUrl(social.linkedin, "https://www.linkedin.com/in/") : ""
+    },
+    {
+      label: "Instagram",
+      href: social.instagram ? normalizeUrl(social.instagram, "https://www.instagram.com/") : ""
+    },
+    {
+      label: "YouTube",
+      href: social.youtube ? normalizeUrl(social.youtube, "https://www.youtube.com/") : ""
+    },
+    {
+      label: "TikTok",
+      href: social.tiktok ? normalizeUrl(social.tiktok, "https://www.tiktok.com/@") : ""
+    },
+    {
+      label: "GitHub",
+      href: social.github ? normalizeUrl(social.github, "https://github.com/") : ""
+    },
+    {
+      label: "Bluesky",
+      href: social.bluesky ? normalizeUrl(social.bluesky, "https://bsky.app/profile/") : ""
+    },
+    {
+      label: "Threads",
+      href: social.threads ? normalizeUrl(social.threads, "https://www.threads.net/@") : ""
+    },
+    { label: "Mastodon", href: social.mastodon ? normalizeUrl(social.mastodon) : "" },
+    {
+      label: "Medium",
+      href: social.medium ? normalizeUrl(social.medium, "https://medium.com/@") : ""
+    },
+    { label: "Newsletter", href: (_b = social.newsletter) != null ? _b : "" }
+  ];
+}
+function getAuthorSocialLinks(author) {
+  var _a;
+  const social = author.social;
+  if (!social) return [];
+  const configuredLinks = getConfiguredSocialLinks(social);
+  const otherLinks = Object.entries((_a = social.other) != null ? _a : {}).map(([label, href]) => ({ label, href }));
+  return [...configuredLinks, ...otherLinks].filter((link) => link.href.trim().length > 0);
+}
+
+// src/Breadcrumb.tsx
+import Link2 from "next/link";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function buildBreadcrumbSchema(items) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: items.map((item, index) => __spreadValues({
+      "@type": "ListItem",
+      position: index + 1,
+      name: item.name
+    }, item.url && { item: item.url }))
+  };
+}
+function getDisplayItems(items) {
+  if (items.length <= 4) return [...items];
+  return [items[0], { name: "..." }, ...items.slice(-2)];
+}
+function Breadcrumb({
+  items,
+  className = "",
+  showSchema = true,
+  separator = ">"
+}) {
+  if (items.length === 0) return null;
+  const displayItems = getDisplayItems(items);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      "nav",
+      {
+        "aria-label": "Breadcrumb",
+        className: `border-b border-border bg-background/80 px-4 py-3 text-sm text-muted-foreground ${className}`,
+        children: /* @__PURE__ */ jsx2("ol", { className: "mx-auto flex max-w-7xl items-center gap-2 overflow-hidden", children: displayItems.map((item, index) => {
+          const isLast = index === displayItems.length - 1;
+          const key = `${item.name}-${index}`;
+          return /* @__PURE__ */ jsxs2("li", { className: "flex min-w-0 items-center gap-2", children: [
+            index > 0 && /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: separator }),
+            item.url && !isLast ? /* @__PURE__ */ jsx2(Link2, { href: item.url, className: "truncate hover:text-foreground", children: item.name }) : /* @__PURE__ */ jsx2("span", { className: "truncate", "aria-current": isLast ? "page" : void 0, children: item.name })
+          ] }, key);
+        }) })
+      }
+    ),
+    showSchema && /* @__PURE__ */ jsx2(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: { __html: JSON.stringify(buildBreadcrumbSchema(items)) }
+      }
+    )
+  ] });
+}
+function BreadcrumbSchema({ items }) {
+  return /* @__PURE__ */ jsx2(Breadcrumb, { items, showSchema: true, className: "sr-only" });
+}
+
+// src/ArticleSchemas.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function getPersonSchemas(article, authors) {
+  let resolvedAuthors = [];
+  if (authors == null ? void 0 : authors.length) {
+    resolvedAuthors = [...authors];
+  } else if (article.author) {
+    resolvedAuthors = [{ name: article.author, slug: "", bio: "" }];
+  }
+  return resolvedAuthors.map((author) => __spreadValues(__spreadValues({
+    "@type": "Person",
+    name: author.name
+  }, author.url && { url: author.url }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }));
+}
 function ArticleSchema({
   article,
   articleUrl,
   siteName,
-  showAuthor = true
+  showAuthor = true,
+  authors
 }) {
+  const personSchemas = getPersonSchemas(article, authors);
   const schema = __spreadProps(__spreadValues(__spreadValues({
     "@context": "https://schema.org",
     "@type": "Article",
     headline: article.title,
     description: article.excerpt,
     image: article.featuredImage
-  }, article.date && { datePublished: new Date(article.date).toISOString() }), showAuthor && { author: { "@type": "Person", name: article.author } }), {
+  }, article.date && { datePublished: new Date(article.date).toISOString() }), showAuthor && personSchemas.length > 0 && { author: personSchemas }), {
     publisher: { "@type": "Organization", name: siteName },
     mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl }
   });
-  return /* @__PURE__ */ jsx2(
-    "script",
-    {
-      type: "application/ld+json",
-      dangerouslySetInnerHTML: { __html: JSON.stringify(schema) }
-    }
-  );
-}
-function BreadcrumbSchema({ items }) {
-  const schema = {
-    "@context": "https://schema.org",
-    "@type": "BreadcrumbList",
-    itemListElement: items.map((item, index) => ({
-      "@type": "ListItem",
-      position: index + 1,
-      name: item.name,
-      item: item.url
-    }))
-  };
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "script",
     {
       type: "application/ld+json",
@@ -140,32 +273,34 @@ function ArticleSEO({
   articleUrl,
   siteName,
   siteLogo,
-  showAuthor = true
+  showAuthor = true,
+  authors
 }) {
   const publishedAt = article.date ? new Date(article.date).toISOString() : void 0;
   const modifiedAt = article.lastmod ? new Date(article.lastmod).toISOString() : publishedAt;
+  const personSchemas = getPersonSchemas(article, authors);
   const structuredData = __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({
     "@context": "https://schema.org",
     "@type": article.articleType || "Article",
     mainEntityOfPage: { "@type": "WebPage", "@id": articleUrl },
     headline: article.title,
     image: article.featuredImage ? { "@type": "ImageObject", url: article.featuredImage } : void 0
-  }, publishedAt && { datePublished: publishedAt }), modifiedAt && { dateModified: modifiedAt }), showAuthor && { author: { "@type": "Person", name: article.author } }), {
+  }, publishedAt && { datePublished: publishedAt }), modifiedAt && { dateModified: modifiedAt }), showAuthor && personSchemas.length > 0 && { author: personSchemas }), {
     publisher: __spreadValues({
       "@type": "Organization",
       name: siteName
     }, siteLogo && { logo: { "@type": "ImageObject", url: siteLogo } }),
     description: article.excerpt
   }), article.series && { isPartOf: { "@type": "Blog", name: article.series } });
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(
       "script",
       {
         type: "application/ld+json",
         dangerouslySetInnerHTML: { __html: JSON.stringify(structuredData) }
       }
     ),
-    article.faq && article.faq.length > 0 && /* @__PURE__ */ jsx2(
+    article.faq && article.faq.length > 0 && /* @__PURE__ */ jsx3(
       "script",
       {
         type: "application/ld+json",
@@ -182,7 +317,7 @@ function ArticleSEO({
         }
       }
     ),
-    article.howTo && article.howTo.length > 0 && /* @__PURE__ */ jsx2(
+    article.howTo && article.howTo.length > 0 && /* @__PURE__ */ jsx3(
       "script",
       {
         type: "application/ld+json",
@@ -212,7 +347,7 @@ function FAQPageSchema({ items }) {
       acceptedAnswer: { "@type": "Answer", text: answer }
     }))
   };
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "script",
     {
       type: "application/ld+json",
@@ -234,7 +369,7 @@ function CollectionPageSchema({
     url,
     numberOfItems: articleCount
   };
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "script",
     {
       type: "application/ld+json",
@@ -245,17 +380,17 @@ function CollectionPageSchema({
 
 // src/ArticleSearchBar.tsx
 import { Search, X } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function ArticleSearchBar({
   value,
   onChange,
   disabled,
   resultCount
 }) {
-  return /* @__PURE__ */ jsx3("section", { className: "py-8 bg-background border-b border-border", children: /* @__PURE__ */ jsxs3("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx3(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-5 w-5" }),
-      /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4("section", { className: "py-8 bg-background border-b border-border", children: /* @__PURE__ */ jsxs4("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx4(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-5 w-5" }),
+      /* @__PURE__ */ jsx4(
         "input",
         {
           type: "text",
@@ -266,44 +401,44 @@ function ArticleSearchBar({
           className: "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 pl-10 pr-10 py-3 text-lg"
         }
       ),
-      value && /* @__PURE__ */ jsx3(
+      value && /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
           onClick: () => onChange(""),
           "aria-label": "Clear search",
           className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-muted-foreground hover:text-foreground",
-          children: /* @__PURE__ */ jsx3(X, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ jsx4(X, { className: "h-5 w-5" })
         }
       )
     ] }),
-    value && /* @__PURE__ */ jsx3("div", { className: "mt-2 text-sm text-muted-foreground", children: resultCount === 0 ? "No articles found matching your search." : `Found ${resultCount} article${resultCount === 1 ? "" : "s"} matching "${value}"` })
+    value && /* @__PURE__ */ jsx4("div", { className: "mt-2 text-sm text-muted-foreground", children: resultCount === 0 ? "No articles found matching your search." : `Found ${resultCount} article${resultCount === 1 ? "" : "s"} matching "${value}"` })
   ] }) });
 }
 
 // src/ArticlesHero.tsx
-import Link2 from "next/link";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import Link3 from "next/link";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_TITLE = "Vox Populus Insights";
 var DEFAULT_DESCRIPTION = "Expert analysis, campaign strategies, and voter engagement insights from the frontlines of democracy.";
 function ArticlesHero({
   title = DEFAULT_TITLE,
   description = DEFAULT_DESCRIPTION
 }) {
-  return /* @__PURE__ */ jsx4("section", { className: "bg-linear-to-r from-gray-50 to-gray-100 py-16 md:py-24", children: /* @__PURE__ */ jsx4("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs4("div", { className: "max-w-3xl mx-auto text-center", children: [
-    /* @__PURE__ */ jsx4("h1", { className: "text-4xl md:text-5xl font-bold text-foreground mb-6", children: title }),
-    /* @__PURE__ */ jsx4("p", { className: "text-xl text-muted-foreground mb-8", children: description }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
-      /* @__PURE__ */ jsx4(
-        Link2,
+  return /* @__PURE__ */ jsx5("section", { className: "bg-linear-to-r from-gray-50 to-gray-100 py-16 md:py-24", children: /* @__PURE__ */ jsx5("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs5("div", { className: "max-w-3xl mx-auto text-center", children: [
+    /* @__PURE__ */ jsx5("h1", { className: "text-4xl md:text-5xl font-bold text-foreground mb-6", children: title }),
+    /* @__PURE__ */ jsx5("p", { className: "text-xl text-muted-foreground mb-8", children: description }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-col sm:flex-row gap-4 justify-center", children: [
+      /* @__PURE__ */ jsx5(
+        Link3,
         {
           href: "#latest",
           className: "inline-flex items-center justify-center px-4 py-2 bg-primary hover:bg-primary/90 text-primary-foreground rounded-md font-medium text-sm transition-colors",
           children: "Browse Latest Articles"
         }
       ),
-      /* @__PURE__ */ jsx4(
-        Link2,
+      /* @__PURE__ */ jsx5(
+        Link3,
         {
           href: "/contact",
           className: "inline-flex items-center justify-center px-4 py-2 border border-primary text-primary hover:bg-primary/10 rounded-md font-medium text-sm transition-colors",
@@ -315,44 +450,44 @@ function ArticlesHero({
 }
 
 // src/FeaturedArticle.tsx
-import Link3 from "next/link";
+import Link4 from "next/link";
 import Image2 from "next/image";
 import { ArrowRight, Calendar, Clock, User } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function FeaturedArticle({ article, showAuthor = true }) {
-  return /* @__PURE__ */ jsx5("section", { className: "py-16 bg-background", children: /* @__PURE__ */ jsx5("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs5("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
-    /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("span", { className: "inline-block bg-primary/10 text-primary text-sm font-medium px-3 py-1 rounded-full mb-4", children: "FEATURED ARTICLE" }),
-      /* @__PURE__ */ jsx5("h2", { className: "text-3xl font-bold text-foreground mb-4", children: article.title }),
-      /* @__PURE__ */ jsx5("p", { className: "text-lg text-muted-foreground mb-6", children: article.excerpt }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-6 text-sm text-muted-foreground mb-6", children: [
-        article.date && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx5(Calendar, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx5("span", { children: article.date })
+  return /* @__PURE__ */ jsx6("section", { className: "py-16 bg-background", children: /* @__PURE__ */ jsx6("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs6("div", { className: "grid lg:grid-cols-2 gap-12 items-center", children: [
+    /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("span", { className: "inline-block bg-primary/10 text-primary text-sm font-medium px-3 py-1 rounded-full mb-4", children: "FEATURED ARTICLE" }),
+      /* @__PURE__ */ jsx6("h2", { className: "text-3xl font-bold text-foreground mb-4", children: article.title }),
+      /* @__PURE__ */ jsx6("p", { className: "text-lg text-muted-foreground mb-6", children: article.excerpt }),
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-6 text-sm text-muted-foreground mb-6", children: [
+        article.date && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx6(Calendar, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx6("span", { children: article.date })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx5(Clock, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx5("span", { children: article.readTime })
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx6(Clock, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx6("span", { children: article.readTime })
         ] }),
-        showAuthor && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx5(User, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx5("span", { children: article.author })
+        showAuthor && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx6(User, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx6("span", { children: article.author })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5(
-        Link3,
+      /* @__PURE__ */ jsxs6(
+        Link4,
         {
           href: `/articles/${article.slug}`,
           className: "inline-flex items-center justify-center px-4 py-2 bg-primary hover:bg-primary/90 text-primary-foreground rounded-md font-medium text-sm transition-colors",
           children: [
             "Read Full Article",
-            /* @__PURE__ */ jsx5(ArrowRight, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ jsx6(ArrowRight, { className: "ml-2 h-4 w-4" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "bg-card rounded-lg p-8", children: [
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs6("div", { className: "bg-card rounded-lg p-8", children: [
+      /* @__PURE__ */ jsx6(
         Image2,
         {
           src: article.featuredImage,
@@ -362,7 +497,7 @@ function FeaturedArticle({ article, showAuthor = true }) {
           className: "w-full h-64 object-cover rounded-lg mb-4"
         }
       ),
-      /* @__PURE__ */ jsx5("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx5("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) })
+      /* @__PURE__ */ jsx6("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx6("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) })
     ] })
   ] }) }) });
 }
@@ -375,12 +510,12 @@ import { useState as useState2, useEffect as useEffect2 } from "react";
 
 // src/ArticleCard.tsx
 import Image3 from "next/image";
-import Link4 from "next/link";
+import Link5 from "next/link";
 import { ArrowRight as ArrowRight2, Calendar as Calendar2, Clock as Clock2 } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function ArticleCard({ article }) {
-  return /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
-    /* @__PURE__ */ jsx6("div", { className: "p-0", children: /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card text-card-foreground shadow-sm hover:shadow-lg transition-shadow duration-300", children: [
+    /* @__PURE__ */ jsx7("div", { className: "p-0", children: /* @__PURE__ */ jsx7(
       Image3,
       {
         src: article.featuredImage,
@@ -390,35 +525,35 @@ function ArticleCard({ article }) {
         height: 200
       }
     ) }),
-    /* @__PURE__ */ jsxs6("div", { className: "p-6", children: [
-      /* @__PURE__ */ jsx6("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ jsx6("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
-      /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold leading-none tracking-tight mb-2", children: /* @__PURE__ */ jsx6(
-        Link4,
+    /* @__PURE__ */ jsxs7("div", { className: "p-6", children: [
+      /* @__PURE__ */ jsx7("div", { className: "flex gap-2 mb-3", children: /* @__PURE__ */ jsx7("span", { className: "bg-primary/10 text-primary text-xs font-medium px-2 py-1 rounded", children: article.category }) }),
+      /* @__PURE__ */ jsx7("h3", { className: "text-lg font-semibold leading-none tracking-tight mb-2", children: /* @__PURE__ */ jsx7(
+        Link5,
         {
           href: `/articles/${article.slug}`,
           className: "hover:text-indigo-600 transition-colors",
           children: article.title
         }
       ) }),
-      /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-          article.date && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx6(Calendar2, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx6("span", { children: article.date })
+      /* @__PURE__ */ jsx7("p", { className: "text-muted-foreground mb-4 line-clamp-3", children: article.excerpt }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-4", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+          article.date && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx7(Calendar2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx7("span", { children: article.date })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx6(Clock2, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx6("span", { children: article.readTime })
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx7(Clock2, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx7("span", { children: article.readTime })
           ] })
         ] }),
-        /* @__PURE__ */ jsx6(
-          Link4,
+        /* @__PURE__ */ jsx7(
+          Link5,
           {
             href: `/articles/${article.slug}`,
             className: "inline-flex items-center justify-center h-8 w-8 p-0 rounded-md hover:bg-accent transition-colors",
             "aria-label": `Read ${article.title}`,
-            children: /* @__PURE__ */ jsx6(ArrowRight2, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx7(ArrowRight2, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -427,7 +562,7 @@ function ArticleCard({ article }) {
 }
 
 // src/LatestArticles.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function LatestArticles({ articles, pageSize }) {
   const [visibleCount, setVisibleCount] = useState2(pageSize);
   useEffect2(() => {
@@ -435,9 +570,9 @@ function LatestArticles({ articles, pageSize }) {
   }, [articles, pageSize]);
   const visible = articles.slice(0, visibleCount);
   const hasMore = visibleCount < articles.length;
-  return /* @__PURE__ */ jsxs7("div", { children: [
-    /* @__PURE__ */ jsx7("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ jsx7(ArticleCard, { article }, article.slug)) }),
-    hasMore && /* @__PURE__ */ jsx7("div", { className: "mt-10 text-center", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx8("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", children: visible.map((article) => /* @__PURE__ */ jsx8(ArticleCard, { article }, article.slug)) }),
+    hasMore && /* @__PURE__ */ jsx8("div", { className: "mt-10 text-center", children: /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
@@ -450,14 +585,14 @@ function LatestArticles({ articles, pageSize }) {
 }
 
 // src/LatestArticlesSection.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function DescriptionText({
   searchQuery,
   count
 }) {
   const pluralSuffix = count === 1 ? "" : "s";
   const text = searchQuery ? `Found ${count} article${pluralSuffix} matching your search.` : "Stay informed with our latest insights on voter engagement, campaign strategies, and civic technology.";
-  return /* @__PURE__ */ jsx8("p", { className: "text-lg text-muted-foreground", children: text });
+  return /* @__PURE__ */ jsx9("p", { className: "text-lg text-muted-foreground", children: text });
 }
 function LatestArticlesSection({
   articles,
@@ -465,20 +600,20 @@ function LatestArticlesSection({
   onClearSearch,
   pageSize = 6
 }) {
-  return /* @__PURE__ */ jsx8("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ jsxs8("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "text-center mb-12", children: [
-      /* @__PURE__ */ jsx8("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
-      /* @__PURE__ */ jsx8(DescriptionText, { searchQuery, count: articles.length })
+  return /* @__PURE__ */ jsx9("section", { id: "latest", className: "py-16 bg-muted/50", children: /* @__PURE__ */ jsxs9("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "text-center mb-12", children: [
+      /* @__PURE__ */ jsx9("h2", { className: "text-3xl font-bold text-foreground mb-4", children: searchQuery ? "Search Results" : "Latest Articles" }),
+      /* @__PURE__ */ jsx9(DescriptionText, { searchQuery, count: articles.length })
     ] }),
-    articles.length === 0 && searchQuery ? /* @__PURE__ */ jsx8("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxs8("div", { className: "max-w-md mx-auto", children: [
-      /* @__PURE__ */ jsx8(Search2, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-      /* @__PURE__ */ jsx8("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
-      /* @__PURE__ */ jsxs8("p", { className: "text-muted-foreground mb-4", children: [
+    articles.length === 0 && searchQuery ? /* @__PURE__ */ jsx9("div", { className: "text-center py-12", children: /* @__PURE__ */ jsxs9("div", { className: "max-w-md mx-auto", children: [
+      /* @__PURE__ */ jsx9(Search2, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+      /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-foreground mb-2", children: "No articles found" }),
+      /* @__PURE__ */ jsxs9("p", { className: "text-muted-foreground mb-4", children: [
         `We couldn't find any articles matching "`,
         searchQuery,
         '". Try adjusting your search terms.'
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -487,7 +622,7 @@ function LatestArticlesSection({
           children: "Clear search"
         }
       )
-    ] }) }) : /* @__PURE__ */ jsx8(LatestArticles, { articles, pageSize }, searchQuery)
+    ] }) }) : /* @__PURE__ */ jsx9(LatestArticles, { articles, pageSize }, searchQuery)
   ] }) });
 }
 
@@ -501,6 +636,15 @@ var DEFAULT_LAYOUT = [
   "latest",
   "categories"
 ];
+function breadcrumbsAreEnabled(config) {
+  var _a;
+  return config.breadcrumbs !== false && ((_a = config.breadcrumbs) == null ? void 0 : _a.show) !== false;
+}
+function getBreadcrumbsConfig(config) {
+  var _a;
+  if (config.breadcrumbs === false) return {};
+  return (_a = config.breadcrumbs) != null ? _a : {};
+}
 
 // src/useArticles.ts
 import { useState as useState3, useCallback, useEffect as useEffect3, useRef } from "react";
@@ -571,7 +715,7 @@ function useArticles() {
 }
 
 // src/ArticlesPage.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function buildThemeVars(theme) {
   if (!theme) return {};
   const vars = {};
@@ -604,7 +748,7 @@ function renderSection(section, ctx, config) {
   } = ctx;
   switch (section) {
     case "hero":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         ArticlesHero,
         {
           title: (_a = config.hero) == null ? void 0 : _a.title,
@@ -613,7 +757,7 @@ function renderSection(section, ctx, config) {
         "hero"
       );
     case "search":
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         ArticleSearchBar,
         {
           value: searchQuery,
@@ -624,7 +768,7 @@ function renderSection(section, ctx, config) {
         "search"
       );
     case "featured":
-      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ jsx9(
+      return articles.length > 0 && !searchQuery ? /* @__PURE__ */ jsx10(
         FeaturedArticle,
         {
           article: articles[0],
@@ -634,16 +778,16 @@ function renderSection(section, ctx, config) {
       ) : null;
     case "latest":
       if (loading && articles.length === 0) {
-        return /* @__PURE__ */ jsx9("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx9("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ jsxs9("div", { className: "text-center", children: [
-          /* @__PURE__ */ jsx9("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
-          /* @__PURE__ */ jsx9("p", { className: "text-muted-foreground", children: "Loading articles..." })
+        return /* @__PURE__ */ jsx10("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx10("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center py-24", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx10("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto mb-4" }),
+          /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: "Loading articles..." })
         ] }) }) }, "latest");
       }
       if (error) {
-        return /* @__PURE__ */ jsx9("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx9("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ jsxs9("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
-          /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
-          /* @__PURE__ */ jsx9("p", { className: "text-red-600 mb-4", children: error }),
-          /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsx10("section", { id: "latest", className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsx10("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-center", children: /* @__PURE__ */ jsxs10("div", { className: "bg-red-50 border border-red-200 rounded-lg p-6 max-w-md text-center", children: [
+          /* @__PURE__ */ jsx10("h3", { className: "text-lg font-semibold text-red-800 mb-2", children: "Error Loading Articles" }),
+          /* @__PURE__ */ jsx10("p", { className: "text-red-600 mb-4", children: error }),
+          /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -654,7 +798,7 @@ function renderSection(section, ctx, config) {
           )
         ] }) }) }, "latest");
       }
-      return /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx10(
         LatestArticlesSection,
         {
           articles: displayedArticles,
@@ -665,7 +809,7 @@ function renderSection(section, ctx, config) {
         "latest"
       );
     case "categories":
-      return searchQuery ? null : /* @__PURE__ */ jsx9(
+      return searchQuery ? null : /* @__PURE__ */ jsx10(
         ArticleCategoryGrid,
         {
           categories,
@@ -689,9 +833,9 @@ function ArticlesPage({ config }) {
   const articlesWithoutFeatured = hasFeatured ? state.articles.slice(1) : state.articles;
   const displayedArticles = state.searchQuery ? state.articles : articlesWithoutFeatured;
   const ctx = __spreadProps(__spreadValues({}, state), { displayedArticles, pageSize, categoriesPageSize });
-  return /* @__PURE__ */ jsxs9("div", { style: themeVars, children: [
+  return /* @__PURE__ */ jsxs10("div", { style: themeVars, children: [
     layout.map((section) => renderSection(section, ctx, config)),
-    state.articles.length > 0 && /* @__PURE__ */ jsx9(
+    state.articles.length > 0 && /* @__PURE__ */ jsx10(
       CollectionPageSchema,
       {
         title: `Articles | ${config.siteName}`,
@@ -704,10 +848,11 @@ function ArticlesPage({ config }) {
 }
 
 // src/ArticleDetailHero.tsx
+import { Fragment as Fragment3 } from "react";
 import Image4 from "next/image";
-import Link5 from "next/link";
+import Link6 from "next/link";
 import { Calendar as Calendar3, Clock as Clock3, User as User2 } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function toSlug(cat) {
   return cat.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
 }
@@ -715,9 +860,12 @@ function ArticleDetailHero({
   article,
   categoryBasePath = "/articles/category",
   showDate = false,
-  showAuthor = true
+  showAuthor = true,
+  authors = []
 }) {
-  return /* @__PURE__ */ jsxs10(
+  const showConfiguredAuthors = showAuthor && authors.length > 0;
+  const showLegacyAuthor = showAuthor && authors.length === 0 && article.author.trim().length > 0;
+  return /* @__PURE__ */ jsxs11(
     "section",
     {
       style: {
@@ -729,7 +877,7 @@ function ArticleDetailHero({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           Image4,
           {
             src: article.featuredImage,
@@ -741,7 +889,7 @@ function ArticleDetailHero({
             priority: true
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "div",
           {
             style: {
@@ -751,7 +899,7 @@ function ArticleDetailHero({
             }
           }
         ),
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs11(
           "div",
           {
             style: {
@@ -765,7 +913,7 @@ function ArticleDetailHero({
               width: "100%"
             },
             children: [
-              article.categories && article.categories.length > 0 && /* @__PURE__ */ jsx10(
+              article.categories && article.categories.length > 0 && /* @__PURE__ */ jsx11(
                 "div",
                 {
                   style: {
@@ -776,15 +924,15 @@ function ArticleDetailHero({
                     marginBottom: "1rem"
                   },
                   children: article.categories.slice(0, 4).map(
-                    (cat) => categoryBasePath ? /* @__PURE__ */ jsx10(
-                      Link5,
+                    (cat) => categoryBasePath ? /* @__PURE__ */ jsx11(
+                      Link6,
                       {
                         href: `${categoryBasePath}/${toSlug(cat)}`,
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full hover:bg-white/30 transition-colors",
                         children: cat
                       },
                       cat
-                    ) : /* @__PURE__ */ jsx10(
+                    ) : /* @__PURE__ */ jsx11(
                       "span",
                       {
                         className: "inline-block bg-white/20 text-white text-sm font-medium px-3 py-1 rounded-full",
@@ -795,8 +943,8 @@ function ArticleDetailHero({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx10("h1", { className: "text-4xl md:text-5xl font-bold mb-4", children: article.title }),
-              /* @__PURE__ */ jsxs10(
+              /* @__PURE__ */ jsx11("h1", { className: "text-4xl md:text-5xl font-bold mb-4", children: article.title }),
+              /* @__PURE__ */ jsxs11(
                 "div",
                 {
                   style: {
@@ -808,17 +956,35 @@ function ArticleDetailHero({
                     color: "rgba(255,255,255,0.8)"
                   },
                   children: [
-                    showDate && article.date && /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx10(Calendar3, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx10("span", { children: article.date })
+                    showDate && article.date && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx11(Calendar3, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx11("span", { children: article.date })
+                    ] }),
+                    /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx11(Clock3, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx11("span", { children: article.readTime })
                     ] }),
-                    /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx10(Clock3, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsx10("span", { children: article.readTime })
+                    showConfiguredAuthors && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx11(User2, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsxs11("span", { children: [
+                        "By",
+                        " ",
+                        authors.map((author, index) => /* @__PURE__ */ jsxs11(Fragment3, { children: [
+                          index > 0 && ", ",
+                          /* @__PURE__ */ jsx11(
+                            Link6,
+                            {
+                              href: `/articles/authors/${author.slug}`,
+                              className: "font-medium text-white underline-offset-4 hover:underline",
+                              children: author.name
+                            }
+                          )
+                        ] }, author.slug))
+                      ] })
                     ] }),
-                    showAuthor && /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
-                      /* @__PURE__ */ jsx10(User2, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ jsxs10("span", { children: [
+                    showLegacyAuthor && /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+                      /* @__PURE__ */ jsx11(User2, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsxs11("span", { children: [
                         "By ",
                         article.author
                       ] })
@@ -836,8 +1002,8 @@ function ArticleDetailHero({
 
 // src/CategoryArticlesPage.tsx
 import Image5 from "next/image";
-import Link6 from "next/link";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import Link7 from "next/link";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function getCategoryDescription(config, slug, categoryName) {
   var _a;
   const raw = (_a = config.categoryDescriptions) == null ? void 0 : _a[slug];
@@ -845,6 +1011,40 @@ function getCategoryDescription(config, slug, categoryName) {
   if (typeof raw === "string") return { short: raw };
   return raw;
 }
+function buildCategoryBreadcrumbItems(config, categoryName) {
+  var _a;
+  const siteUrl = config.siteUrl.replace(/\/$/, "");
+  const breadcrumbConfig = getBreadcrumbsConfig(config);
+  const trail = (_a = breadcrumbConfig.category) != null ? _a : ["home", "articles", "category"];
+  return trail.flatMap(
+    (entry) => {
+      var _a2;
+      return buildCategoryBreadcrumbEntry(entry, {
+        categoryName,
+        siteUrl,
+        labels: (_a2 = breadcrumbConfig.labels) != null ? _a2 : {}
+      });
+    }
+  );
+}
+function isCustomBreadcrumbItem(entry) {
+  return typeof entry === "object" && entry !== null && "name" in entry && "url" in entry;
+}
+function resolveCustomBreadcrumbItem(item, siteUrl) {
+  if (item.url.startsWith("/")) return { name: item.name, url: `${siteUrl}${item.url}` };
+  return { name: item.name, url: item.url };
+}
+function buildCategoryBreadcrumbEntry(entry, context) {
+  var _a, _b;
+  if (isCustomBreadcrumbItem(entry)) {
+    return [resolveCustomBreadcrumbItem(entry, context.siteUrl)];
+  }
+  if (entry === "home") return [{ name: (_a = context.labels.home) != null ? _a : "Home", url: context.siteUrl }];
+  if (entry === "articles") {
+    return [{ name: (_b = context.labels.articles) != null ? _b : "Articles", url: `${context.siteUrl}/articles` }];
+  }
+  return [{ name: context.categoryName }];
+}
 function CategoryArticlesPage({ category, articles, config }) {
   var _a;
   if (articles.length === 0) return null;
@@ -852,19 +1052,18 @@ function CategoryArticlesPage({ category, articles, config }) {
   const heroImage = articles[0].featuredImage;
   const description = getCategoryDescription(config, category, categoryName);
   const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
-  const siteUrl = config.siteUrl.replace(/\/$/, "");
-  return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx11(
-      BreadcrumbSchema,
+  const breadcrumbConfig = getBreadcrumbsConfig(config);
+  const breadcrumbItems = buildCategoryBreadcrumbItems(config, categoryName);
+  return /* @__PURE__ */ jsxs12("div", { children: [
+    breadcrumbsAreEnabled(config) && /* @__PURE__ */ jsx12(
+      Breadcrumb,
       {
-        items: [
-          { name: "Home", url: siteUrl },
-          { name: "Articles", url: `${siteUrl}/articles` },
-          { name: categoryName, url: `${siteUrl}/articles/category/${category}` }
-        ]
+        items: breadcrumbItems,
+        separator: breadcrumbConfig.separator,
+        showSchema: breadcrumbConfig.showSchema !== false
       }
     ),
-    /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs12(
       "section",
       {
         style: {
@@ -876,7 +1075,7 @@ function CategoryArticlesPage({ category, articles, config }) {
           overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             Image5,
             {
               src: heroImage,
@@ -887,8 +1086,8 @@ function CategoryArticlesPage({ category, articles, config }) {
               priority: true
             }
           ),
-          /* @__PURE__ */ jsx11("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
-          /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsx12("div", { style: { position: "absolute", inset: 0, backgroundColor: "rgba(0,0,0,0.6)" } }),
+          /* @__PURE__ */ jsxs12(
             "div",
             {
               style: {
@@ -899,10 +1098,10 @@ function CategoryArticlesPage({ category, articles, config }) {
                 padding: "0 1rem"
               },
               children: [
-                /* @__PURE__ */ jsx11("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
-                /* @__PURE__ */ jsx11("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
-                description.long && /* @__PURE__ */ jsx11("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
-                /* @__PURE__ */ jsxs11("p", { className: "text-lg opacity-70 mt-2", children: [
+                /* @__PURE__ */ jsx12("p", { className: "text-sm font-semibold uppercase tracking-widest mb-3 opacity-80", children: "Category" }),
+                /* @__PURE__ */ jsx12("h1", { className: "text-4xl md:text-5xl font-bold mb-3", children: categoryName }),
+                description.long && /* @__PURE__ */ jsx12("p", { className: "text-lg opacity-90 max-w-2xl mx-auto mt-2", children: description.long }),
+                /* @__PURE__ */ jsxs12("p", { className: "text-lg opacity-70 mt-2", children: [
                   articles.length,
                   " article",
                   articles.length === 1 ? "" : "s"
@@ -913,20 +1112,178 @@ function CategoryArticlesPage({ category, articles, config }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx11("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsxs11("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "mb-8 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx11(Link6, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
-        /* @__PURE__ */ jsx11("p", { className: "text-sm text-muted-foreground", children: description.short })
+    /* @__PURE__ */ jsx12("section", { className: "py-16 bg-muted/50 flex-1", children: /* @__PURE__ */ jsxs12("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "mb-8 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx12(Link7, { href: "/articles", className: "text-sm text-primary hover:underline", children: "\u2190 All Articles" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: description.short })
       ] }),
-      /* @__PURE__ */ jsx11(LatestArticles, { articles, pageSize })
+      /* @__PURE__ */ jsx12(LatestArticles, { articles, pageSize })
     ] }) })
   ] });
 }
 
+// src/AuthorArticlesPage.tsx
+import Link8 from "next/link";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function getPersonSchema(author, config, articleCount) {
+  var _a, _b;
+  return __spreadProps(__spreadValues(__spreadValues({
+    "@context": "https://schema.org",
+    "@type": "Person",
+    name: author.name,
+    description: author.bio,
+    url: (_a = author.url) != null ? _a : getAuthorUrl(author)
+  }, getAuthorAvatar(author, config) && { image: getAuthorAvatar(author, config) }), getAuthorSameAs(author).length > 0 && { sameAs: getAuthorSameAs(author) }), {
+    knowsAbout: config.siteName,
+    mainEntityOfPage: (_b = author.url) != null ? _b : `${config.siteUrl.replace(/\/$/, "")}/articles/authors/${author.slug}`,
+    interactionStatistic: {
+      "@type": "InteractionCounter",
+      interactionType: "https://schema.org/WriteAction",
+      userInteractionCount: articleCount
+    }
+  });
+}
+function AuthorArticlesPage({ author, articles, config }) {
+  var _a;
+  const pageSize = (_a = config.pageSize) != null ? _a : DEFAULT_PAGE_SIZE;
+  return /* @__PURE__ */ jsxs13("div", { children: [
+    /* @__PURE__ */ jsx13(
+      "script",
+      {
+        type: "application/ld+json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify(getPersonSchema(author, config, articles.length))
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx13("section", { className: "bg-background py-16", children: /* @__PURE__ */ jsxs13("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsx13(Link8, { href: "/articles", className: "text-sm text-primary hover:underline", children: "All Articles" }),
+        /* @__PURE__ */ jsxs13("p", { className: "text-sm text-muted-foreground", children: [
+          "Articles by ",
+          author.name
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx13(LatestArticles, { articles, pageSize })
+    ] }) })
+  ] });
+}
+
+// src/AuthorCard.tsx
+import Image6 from "next/image";
+import Link9 from "next/link";
+import {
+  Facebook,
+  Github,
+  Globe,
+  Instagram,
+  Linkedin,
+  Mail,
+  MessageCircle,
+  Twitter,
+  Youtube
+} from "lucide-react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+function getInitials(name) {
+  return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+}
+function AuthorCard({
+  author,
+  linkToPage = true,
+  showBio = false,
+  showSocial = false
+}) {
+  const avatar = getAuthorAvatar(author);
+  const name = linkToPage ? /* @__PURE__ */ jsx14(Link9, { href: getAuthorUrl(author), className: "font-medium text-foreground hover:text-primary", children: author.name }) : /* @__PURE__ */ jsx14("span", { className: "font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground", children: [
+    avatar ? /* @__PURE__ */ jsx14(
+      Image6,
+      {
+        src: avatar,
+        alt: author.name,
+        width: 48,
+        height: 48,
+        className: "h-12 w-12 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ jsx14("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-semibold text-muted-foreground", children: getInitials(author.name) }),
+    /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+      name,
+      showBio && author.bio && /* @__PURE__ */ jsx14("p", { className: "mt-1 line-clamp-2 text-sm text-muted-foreground", children: author.bio }),
+      showSocial && /* @__PURE__ */ jsx14(AuthorSocialLinks, { author })
+    ] })
+  ] });
+}
+var SOCIAL_ICONS = {
+  Website: Globe,
+  Facebook,
+  Twitter,
+  X: Twitter,
+  LinkedIn: Linkedin,
+  Instagram,
+  YouTube: Youtube,
+  GitHub: Github,
+  Newsletter: Mail
+};
+function getSocialIcon(label) {
+  var _a;
+  return (_a = SOCIAL_ICONS[label]) != null ? _a : MessageCircle;
+}
+function AuthorSocialLinks({ author }) {
+  const links = getAuthorSocialLinks(author);
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsx14("div", { className: "mt-3 flex items-center gap-2", children: links.map(({ href, label }) => {
+    const Icon = getSocialIcon(label);
+    return /* @__PURE__ */ jsx14(
+      Link9,
+      {
+        href,
+        className: "inline-flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+        "aria-label": `${author.name} on ${label}`,
+        children: /* @__PURE__ */ jsx14(Icon, { className: "h-4 w-4" })
+      },
+      `${label}-${href}`
+    );
+  }) });
+}
+
+// src/AuthorDetailHero.tsx
+import Image7 from "next/image";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+function getInitials2(name) {
+  return name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+}
+function AuthorDetailHero({ author, articleCount }) {
+  const avatar = getAuthorAvatar(author);
+  return /* @__PURE__ */ jsx15("section", { className: "bg-muted/40 py-16", children: /* @__PURE__ */ jsxs15("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-6 px-4 text-center sm:px-6 lg:px-8", children: [
+    avatar ? /* @__PURE__ */ jsx15(
+      Image7,
+      {
+        src: avatar,
+        alt: author.name,
+        width: 120,
+        height: 120,
+        className: "h-28 w-28 rounded-full object-cover",
+        priority: true
+      }
+    ) : /* @__PURE__ */ jsx15("div", { className: "flex h-28 w-28 items-center justify-center rounded-full bg-card text-3xl font-semibold text-muted-foreground shadow-sm", children: getInitials2(author.name) }),
+    /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx15("p", { className: "mb-3 text-sm font-semibold uppercase tracking-widest text-muted-foreground", children: "Author" }),
+      /* @__PURE__ */ jsx15("h1", { className: "text-4xl font-bold text-foreground md:text-5xl", children: author.name }),
+      /* @__PURE__ */ jsx15("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: author.bio }),
+      typeof articleCount === "number" && /* @__PURE__ */ jsxs15("p", { className: "mt-3 text-sm text-muted-foreground", children: [
+        articleCount,
+        " article",
+        articleCount === 1 ? "" : "s"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx15(AuthorSocialLinks, { author })
+  ] }) });
+}
+
 // src/ArticleSocialShare.tsx
 import { useState as useState4 } from "react";
-import { Share2, Copy, Check, Mail, MessageCircle, Users, FileText } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Share2, Copy, Check, Mail as Mail2, MessageCircle as MessageCircle2, Users, FileText } from "lucide-react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
   const [copied, setCopied] = useState4(false);
   const encodedTitle = encodeURIComponent(title);
@@ -953,84 +1310,84 @@ function ArticleSocialShare({ title, url, excerpt, shareMessage }) {
     globalThis.open(shareUrl, "_blank", "width=600,height=400,scrollbars=yes,resizable=yes");
   };
   const btnClass = "inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md border border-border bg-background text-foreground hover:bg-primary/10 hover:border-primary hover:text-primary transition-colors cursor-pointer";
-  return /* @__PURE__ */ jsxs12("div", { className: "border-t border-border pt-8 mt-8", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 mb-4", children: [
-      /* @__PURE__ */ jsx12(Share2, { className: "h-5 w-5 text-muted-foreground" }),
-      /* @__PURE__ */ jsx12("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
+  return /* @__PURE__ */ jsxs16("div", { className: "border-t border-border pt-8 mt-8", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 mb-4", children: [
+      /* @__PURE__ */ jsx16(Share2, { className: "h-5 w-5 text-muted-foreground" }),
+      /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold text-foreground", children: "Share this article" })
     ] }),
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.linkedin), children: [
-        /* @__PURE__ */ jsx12(Users, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.linkedin), children: [
+        /* @__PURE__ */ jsx16(Users, { className: "h-4 w-4" }),
         "LinkedIn"
       ] }),
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.facebook), children: [
-        /* @__PURE__ */ jsx12("span", { className: "text-xs font-bold", children: "f" }),
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.facebook), children: [
+        /* @__PURE__ */ jsx16("span", { className: "text-xs font-bold", children: "f" }),
         " Facebook"
       ] }),
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.twitter), children: [
-        /* @__PURE__ */ jsx12(MessageCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.twitter), children: [
+        /* @__PURE__ */ jsx16(MessageCircle2, { className: "h-4 w-4" }),
         "Twitter"
       ] }),
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.reddit), children: [
-        /* @__PURE__ */ jsx12(FileText, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.reddit), children: [
+        /* @__PURE__ */ jsx16(FileText, { className: "h-4 w-4" }),
         "Reddit"
       ] }),
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.whatsapp), children: [
-        /* @__PURE__ */ jsx12(MessageCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.whatsapp), children: [
+        /* @__PURE__ */ jsx16(MessageCircle2, { className: "h-4 w-4" }),
         "WhatsApp"
       ] }),
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.telegram), children: [
-        /* @__PURE__ */ jsx12(MessageCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: () => openShareWindow(shareLinks.telegram), children: [
+        /* @__PURE__ */ jsx16(MessageCircle2, { className: "h-4 w-4" }),
         "Telegram"
       ] }),
-      /* @__PURE__ */ jsxs12("a", { className: btnClass, href: shareLinks.email, children: [
-        /* @__PURE__ */ jsx12(Mail, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs16("a", { className: btnClass, href: shareLinks.email, children: [
+        /* @__PURE__ */ jsx16(Mail2, { className: "h-4 w-4" }),
         "Email"
       ] }),
-      /* @__PURE__ */ jsxs12("button", { className: btnClass, onClick: copyToClipboard, children: [
-        copied ? /* @__PURE__ */ jsx12(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx12(Copy, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs16("button", { className: btnClass, onClick: copyToClipboard, children: [
+        copied ? /* @__PURE__ */ jsx16(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx16(Copy, { className: "h-4 w-4" }),
         copied ? "Copied!" : "Copy Link"
       ] })
     ] }),
-    shareMessage && /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
+    shareMessage && /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground mt-3", children: shareMessage })
   ] });
 }
 
 // src/ArticleNavigation.tsx
-import Link7 from "next/link";
+import Link10 from "next/link";
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function truncateTitle(title, maxLength = 60) {
   return title.length > maxLength ? `${title.substring(0, maxLength)}...` : title;
 }
 function ArticleNavigation({ previous, next, basePath }) {
   if (!previous && !next) return null;
-  return /* @__PURE__ */ jsx13("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ jsxs13("div", { className: "flex justify-between gap-4", children: [
-    /* @__PURE__ */ jsx13("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ jsxs13(
-      Link7,
+  return /* @__PURE__ */ jsx17("nav", { className: "mt-12 pt-8 border-t border-border", "aria-label": "Article navigation", children: /* @__PURE__ */ jsxs17("div", { className: "flex justify-between gap-4", children: [
+    /* @__PURE__ */ jsx17("div", { className: "flex-1 min-w-0", children: previous && /* @__PURE__ */ jsxs17(
+      Link10,
       {
         href: `${basePath}/${previous.slug}`,
         className: "group flex items-center gap-3 p-4 rounded-lg border border-border hover:border-primary/20 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ jsx13(ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
-          /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx13("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
-            /* @__PURE__ */ jsx13("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
+          /* @__PURE__ */ jsx17(ChevronLeft, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" }),
+          /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground mb-1", children: "Previous Article" }),
+            /* @__PURE__ */ jsx17("div", { className: "font-medium text-foreground truncate", title: previous.title, children: truncateTitle(previous.title) })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx13("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ jsxs13(
-      Link7,
+    /* @__PURE__ */ jsx17("div", { className: "flex-1 min-w-0", children: next && /* @__PURE__ */ jsxs17(
+      Link10,
       {
         href: `${basePath}/${next.slug}`,
         className: "group flex items-center justify-end gap-3 p-4 rounded-lg border border-border hover:border-primary/20 hover:bg-muted/50 transition-colors",
         children: [
-          /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1 text-right", children: [
-            /* @__PURE__ */ jsx13("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
-            /* @__PURE__ */ jsx13("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
+          /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1 text-right", children: [
+            /* @__PURE__ */ jsx17("div", { className: "text-sm text-muted-foreground mb-1", children: "Next Article" }),
+            /* @__PURE__ */ jsx17("div", { className: "font-medium text-foreground truncate", title: next.title, children: truncateTitle(next.title) })
           ] }),
-          /* @__PURE__ */ jsx13(ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
+          /* @__PURE__ */ jsx17(ChevronRight, { className: "h-5 w-5 text-muted-foreground group-hover:text-primary shrink-0" })
         ]
       }
     ) })
@@ -1038,9 +1395,9 @@ function ArticleNavigation({ previous, next, basePath }) {
 }
 
 // src/ArticleBackLink.tsx
-import Link8 from "next/link";
+import Link11 from "next/link";
 import { ArrowLeft } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function ArticleBackLink({
   config,
   href = "/articles",
@@ -1048,13 +1405,13 @@ function ArticleBackLink({
   className
 }) {
   if (config.showBackToArticles === false) return null;
-  return /* @__PURE__ */ jsxs14(
-    Link8,
+  return /* @__PURE__ */ jsxs18(
+    Link11,
     {
       href,
       className: className != null ? className : "inline-flex items-center gap-2 mb-6 -ml-3 px-3 py-2 rounded-md text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors",
       children: [
-        /* @__PURE__ */ jsx14(ArrowLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx18(ArrowLeft, { className: "h-4 w-4" }),
         label
       ]
     }
@@ -1062,17 +1419,17 @@ function ArticleBackLink({
 }
 
 // src/ArticleTOC.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function ArticleTOC({ toc, className }) {
   if (!toc.length) return null;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs19(
     "nav",
     {
       "aria-label": "Table of contents",
       className: `mb-8 rounded-lg border border-border bg-muted/40 px-6 py-4 ${className != null ? className : ""}`,
       children: [
-        /* @__PURE__ */ jsx15("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
-        /* @__PURE__ */ jsx15("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx15("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx19("p", { className: "mb-3 text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: "On this page" }),
+        /* @__PURE__ */ jsx19("ul", { className: "space-y-1 text-sm", children: toc.map((item) => /* @__PURE__ */ jsx19("li", { style: { paddingLeft: `${Math.max(0, item.depth - 2) * 1}rem` }, children: /* @__PURE__ */ jsx19(
           "a",
           {
             href: `#${item.id}`,
@@ -1088,7 +1445,7 @@ function ArticleTOC({ toc, className }) {
 // src/ScrollToTop.tsx
 import { useEffect as useEffect4, useState as useState5 } from "react";
 import { ArrowUp } from "lucide-react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ScrollToTop() {
   const [visible, setVisible] = useState5(false);
   useEffect4(() => {
@@ -1097,13 +1454,13 @@ function ScrollToTop() {
     return () => globalThis.removeEventListener("scroll", onScroll);
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       "aria-label": "Scroll to top",
       onClick: () => globalThis.scrollTo({ top: 0, behavior: "smooth" }),
       className: "fixed bottom-8 right-8 z-50 rounded-full bg-primary p-2 shadow-md text-primary-foreground hover:bg-primary/90 transition-colors",
-      children: /* @__PURE__ */ jsx16(ArrowUp, { className: "h-5 w-5" })
+      children: /* @__PURE__ */ jsx20(ArrowUp, { className: "h-5 w-5" })
     }
   );
 }
@@ -1114,7 +1471,7 @@ import { useCallback as useCallback2, useEffect as useEffect5, useState as useSt
 
 // src/CommentForm.tsx
 import { useState as useState6 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 var MAX_LENGTH = 2e3;
 var WARN_THRESHOLD = 1800;
 function submitLabel(submitting, parentId) {
@@ -1153,8 +1510,8 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
       }
     });
   }
-  return /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs20("form", { onSubmit: handleSubmit, className: "space-y-2", children: [
+    /* @__PURE__ */ jsx21(
       "textarea",
       {
         value: body,
@@ -1167,13 +1524,13 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
         "aria-label": parentId ? "Reply text" : "Comment text"
       }
     ),
-    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ jsxs16("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
+    remaining <= MAX_LENGTH - WARN_THRESHOLD && /* @__PURE__ */ jsxs20("p", { className: `text-xs ${remaining < 0 ? "text-destructive" : "text-muted-foreground"}`, children: [
       remaining,
       " characters remaining"
     ] }),
-    error && /* @__PURE__ */ jsx17("p", { className: "text-xs text-destructive", children: error }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx17(
+    error && /* @__PURE__ */ jsx21("p", { className: "text-xs text-destructive", children: error }),
+    /* @__PURE__ */ jsxs20("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx21(
         "button",
         {
           type: "submit",
@@ -1182,7 +1539,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
           children: submitLabel(submitting, parentId)
         }
       ),
-      onCancel && /* @__PURE__ */ jsx17(
+      onCancel && /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
@@ -1197,7 +1554,7 @@ function CommentForm({ articleSlug, parentId, onSuccess, onCancel }) {
 
 // src/CommentItem.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function relativeTime(iso) {
   const diff = Date.now() - new Date(iso).getTime();
   const minutes = Math.floor(diff / 6e4);
@@ -1235,15 +1592,15 @@ function CommentItem({
       }
     });
   }
-  return /* @__PURE__ */ jsxs17("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
-    /* @__PURE__ */ jsx18("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ jsx18("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ jsxs17(Fragment2, { children: [
-      /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
-        /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
+  return /* @__PURE__ */ jsxs21("div", { className: `${isReply ? "ml-8 border-l-2 border-border pl-4" : ""}`, children: [
+    /* @__PURE__ */ jsx22("div", { className: "rounded-lg bg-muted/40 p-3 space-y-1", children: comment.isDeleted ? /* @__PURE__ */ jsx22("p", { className: "text-sm italic text-muted-foreground", children: "Comment removed" }) : /* @__PURE__ */ jsxs21(Fragment4, { children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium text-foreground", children: comment.authorName }),
+        /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: relativeTime(comment.createdAt) })
       ] }),
-      /* @__PURE__ */ jsx18("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
-      /* @__PURE__ */ jsxs17("div", { className: "flex gap-3 pt-1", children: [
-        canReply && /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground whitespace-pre-wrap break-words", children: comment.body }),
+      /* @__PURE__ */ jsxs21("div", { className: "flex gap-3 pt-1", children: [
+        canReply && /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: () => setShowReplyForm((v) => !v),
@@ -1251,7 +1608,7 @@ function CommentItem({
             children: showReplyForm ? "Cancel" : "Reply"
           }
         ),
-        canDelete && /* @__PURE__ */ jsx18(
+        canDelete && /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: handleDelete,
@@ -1262,7 +1619,7 @@ function CommentItem({
         )
       ] })
     ] }) }),
-    showReplyForm && /* @__PURE__ */ jsx18("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ jsx18(
+    showReplyForm && /* @__PURE__ */ jsx22("div", { className: "mt-2 ml-2", children: /* @__PURE__ */ jsx22(
       CommentForm,
       {
         articleSlug,
@@ -1274,7 +1631,7 @@ function CommentItem({
         onCancel: () => setShowReplyForm(false)
       }
     ) }),
-    replies.length > 0 && /* @__PURE__ */ jsx18("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ jsx18(
+    replies.length > 0 && /* @__PURE__ */ jsx22("div", { className: "mt-2 space-y-2", children: replies.map((reply) => /* @__PURE__ */ jsx22(
       CommentItem,
       {
         comment: __spreadProps(__spreadValues({}, reply), { replies: [] }),
@@ -1289,7 +1646,7 @@ function CommentItem({
 }
 
 // src/CommentThread.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function CommentThread({
   comments,
   articleSlug,
@@ -1297,9 +1654,9 @@ function CommentThread({
   onRefresh
 }) {
   if (comments.length === 0) {
-    return /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
+    return /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground text-center py-6", children: "No comments yet. Be the first to share your thoughts." });
   }
-  return /* @__PURE__ */ jsx19("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx23("div", { className: "space-y-4", children: comments.map((comment) => /* @__PURE__ */ jsx23(
     CommentItem,
     {
       comment,
@@ -1312,7 +1669,7 @@ function CommentThread({
 }
 
 // src/CommentsSection.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function CommentsSection({ articleSlug, config }) {
   var _a, _b, _c, _d, _e, _f;
   const { data: session, status } = useSession();
@@ -1344,10 +1701,10 @@ function CommentsSection({ articleSlug, config }) {
   if (!enabled) return null;
   const count = comments.length;
   const label = count === 1 ? "1 comment" : `${count} comments`;
-  return /* @__PURE__ */ jsxs18("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
-    /* @__PURE__ */ jsx20("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
-    status === "authenticated" ? /* @__PURE__ */ jsx20(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ jsxs18("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs22("section", { "aria-label": "Comments", className: "mt-12 pt-8 border-t border-border space-y-6", children: [
+    /* @__PURE__ */ jsx24("h2", { className: "text-xl font-semibold text-foreground", children: loading ? "Comments" : label }),
+    status === "authenticated" ? /* @__PURE__ */ jsx24(CommentForm, { articleSlug, onSuccess: fetchComments }) : /* @__PURE__ */ jsxs22("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx24(
         "button",
         {
           onClick: () => signIn(),
@@ -1358,8 +1715,8 @@ function CommentsSection({ articleSlug, config }) {
       " ",
       "to join the discussion."
     ] }),
-    fetchError && /* @__PURE__ */ jsx20("p", { className: "text-sm text-destructive", children: fetchError }),
-    loading ? /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ jsx20(
+    fetchError && /* @__PURE__ */ jsx24("p", { className: "text-sm text-destructive", children: fetchError }),
+    loading ? /* @__PURE__ */ jsx24("p", { className: "text-sm text-muted-foreground", children: "Loading comments\u2026" }) : /* @__PURE__ */ jsx24(
       CommentThread,
       {
         comments,
@@ -1383,6 +1740,11 @@ export {
   ArticleTOC,
   ArticlesHero,
   ArticlesPage,
+  AuthorArticlesPage,
+  AuthorCard,
+  AuthorDetailHero,
+  AuthorSocialLinks,
+  Breadcrumb,
   BreadcrumbSchema,
   CategoryArticlesPage,
   CollectionPageSchema,
@@ -1398,6 +1760,8 @@ export {
   LatestArticles,
   LatestArticlesSection,
   ScrollToTop,
+  breadcrumbsAreEnabled,
+  getBreadcrumbsConfig,
   useArticles
 };
 //# sourceMappingURL=index.js.map