@opensite/ui 0.5.3 → 0.5.5

package/dist/article-breadcrumb-social.cjs

@@ -896,8 +896,8 @@ function ArticleBreadcrumbSocialComponent({
   heroImageAlt,
   heroMediaSlot,
   children,
-  enableTocTracking = true,
-  enableBackToTop = true,
+  enableTocTracking,
+  enableBackToTop,
   optixFlowConfig
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
@@ -945,10 +945,10 @@ function ArticleBreadcrumbSocialComponent({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, [enableBackToTop]);
-  const scrollToTop = () => {
+  const scrollToTop = React4__namespace.useCallback(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  const renderBreadcrumbs = () => {
+  }, []);
+  const breadcrumbsContent = React4__namespace.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: cn("mb-8", breadcrumbClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(BreadcrumbList, { children: [
@@ -957,11 +957,13 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
+      currentPage && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
+      ] })
     ] }) });
-  };
-  const renderAuthor = () => {
+  }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
+  const authorContent = React4__namespace.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-6 flex items-center gap-4 not-prose", authorClassName), children: [
@@ -970,33 +972,25 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: author.name?.charAt(0) || "A" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: author.name }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-          author.role,
-          " \xB7 ",
-          publishDate,
-          " \xB7 ",
-          readTime
-        ] })
+        author.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: author.name }),
+        (author.role || publishDate || readTime) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: [author.role, publishDate, readTime].filter(Boolean).join(" \xB7 ") })
       ] })
     ] });
-  };
-  const renderHeroMedia = () => {
+  }, [authorSlot, author, publishDate, readTime, authorClassName]);
+  const heroMediaContent = React4__namespace.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
-    if (heroImageSrc) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: heroImageSrc,
-          alt: heroImageAlt,
-          className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
-          optixFlowConfig
-        }
-      );
-    }
-    return null;
-  };
-  const renderToc = () => {
+    if (!heroImageSrc) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      img.Img,
+      {
+        src: heroImageSrc,
+        alt: heroImageAlt,
+        className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
+        optixFlowConfig
+      }
+    );
+  }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
+  const tocContent = React4__namespace.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-lg border p-4", tocClassName), children: [
@@ -1020,8 +1014,8 @@ function ArticleBreadcrumbSocialComponent({
         );
       }) })
     ] });
-  };
-  const renderShareButtons = () => {
+  }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
+  const shareButtonsContent = React4__namespace.useMemo(() => {
     if (shareSlot) return shareSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-lg border p-4", shareClassName), children: [
@@ -1040,21 +1034,21 @@ function ArticleBreadcrumbSocialComponent({
         index
       )) })
     ] });
-  };
+  }, [shareSlot, socialLinks, shareClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn("py-32", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-      renderBreadcrumbs(),
+      breadcrumbsContent,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn("prose max-w-none dark:prose-invert", articleClassName), children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-          renderAuthor(),
+          authorContent,
           /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-8" }),
-          renderHeroMedia(),
+          heroMediaContent,
           children || defaultArticleContent(optixFlowConfig)
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-8 space-y-6", children: [
-          renderToc(),
-          renderShareButtons()
+          tocContent,
+          shareButtonsContent
         ] }) })
       ] })
     ] }),

package/dist/article-breadcrumb-social.d.cts

@@ -154,12 +154,10 @@ interface ArticleBreadcrumbSocialProps {
     children?: React.ReactNode;
     /**
      * Enable scroll-based TOC tracking
-     * @default true
      */
     enableTocTracking?: boolean;
     /**
      * Enable back to top button
-     * @default true
      */
     enableBackToTop?: boolean;
     /**

package/dist/article-breadcrumb-social.d.ts

@@ -154,12 +154,10 @@ interface ArticleBreadcrumbSocialProps {
     children?: React.ReactNode;
     /**
      * Enable scroll-based TOC tracking
-     * @default true
      */
     enableTocTracking?: boolean;
     /**
      * Enable back to top button
-     * @default true
      */
     enableBackToTop?: boolean;
     /**

package/dist/article-breadcrumb-social.js

@@ -872,8 +872,8 @@ function ArticleBreadcrumbSocialComponent({
   heroImageAlt,
   heroMediaSlot,
   children,
-  enableTocTracking = true,
-  enableBackToTop = true,
+  enableTocTracking,
+  enableBackToTop,
   optixFlowConfig
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
@@ -921,10 +921,10 @@ function ArticleBreadcrumbSocialComponent({
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, [enableBackToTop]);
-  const scrollToTop = () => {
+  const scrollToTop = React4.useCallback(() => {
     window.scrollTo({ top: 0, behavior: "smooth" });
-  };
-  const renderBreadcrumbs = () => {
+  }, []);
+  const breadcrumbsContent = React4.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsx(Breadcrumb, { className: cn("mb-8", breadcrumbClassName), children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
@@ -933,11 +933,13 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
-      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
+      currentPage && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+        /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
+      ] })
     ] }) });
-  };
-  const renderAuthor = () => {
+  }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
+  const authorContent = React4.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-6 flex items-center gap-4 not-prose", authorClassName), children: [
@@ -946,33 +948,25 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsx(AvatarFallback, { children: author.name?.charAt(0) || "A" })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "font-medium", children: author.name }),
-        /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-          author.role,
-          " \xB7 ",
-          publishDate,
-          " \xB7 ",
-          readTime
-        ] })
+        author.name && /* @__PURE__ */ jsx("p", { className: "font-medium", children: author.name }),
+        (author.role || publishDate || readTime) && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: [author.role, publishDate, readTime].filter(Boolean).join(" \xB7 ") })
       ] })
     ] });
-  };
-  const renderHeroMedia = () => {
+  }, [authorSlot, author, publishDate, readTime, authorClassName]);
+  const heroMediaContent = React4.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
-    if (heroImageSrc) {
-      return /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: heroImageSrc,
-          alt: heroImageAlt,
-          className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
-          optixFlowConfig
-        }
-      );
-    }
-    return null;
-  };
-  const renderToc = () => {
+    if (!heroImageSrc) return null;
+    return /* @__PURE__ */ jsx(
+      Img,
+      {
+        src: heroImageSrc,
+        alt: heroImageAlt,
+        className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
+        optixFlowConfig
+      }
+    );
+  }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
+  const tocContent = React4.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", tocClassName), children: [
@@ -996,8 +990,8 @@ function ArticleBreadcrumbSocialComponent({
         );
       }) })
     ] });
-  };
-  const renderShareButtons = () => {
+  }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
+  const shareButtonsContent = React4.useMemo(() => {
     if (shareSlot) return shareSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-lg border p-4", shareClassName), children: [
@@ -1016,21 +1010,21 @@ function ArticleBreadcrumbSocialComponent({
         index
       )) })
     ] });
-  };
+  }, [shareSlot, socialLinks, shareClassName]);
   return /* @__PURE__ */ jsxs("section", { className: cn("py-32", className), children: [
     /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
-      renderBreadcrumbs(),
+      breadcrumbsContent,
       /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px]", children: [
         /* @__PURE__ */ jsxs("article", { className: cn("prose max-w-none dark:prose-invert", articleClassName), children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-          renderAuthor(),
+          authorContent,
           /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-          renderHeroMedia(),
+          heroMediaContent,
           children || defaultArticleContent(optixFlowConfig)
         ] }),
         /* @__PURE__ */ jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxs("div", { className: "sticky top-8 space-y-6", children: [
-          renderToc(),
-          renderShareButtons()
+          tocContent,
+          shareButtonsContent
         ] }) })
       ] })
     ] }),

package/dist/article-chapters-author.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
 // components/blocks/article/article-chapters-author.tsx
@@ -110,7 +110,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React__namespace.useMemo(() => {
+  const linkType = React4__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -131,7 +131,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React__namespace.useMemo(() => {
+  const normalizedHref = React4__namespace.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -149,7 +149,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React__namespace.useMemo(() => {
+  const target = React4__namespace.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -162,7 +162,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React__namespace.useMemo(() => {
+  const rel = React4__namespace.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -171,7 +171,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React__namespace.useCallback(
+  const handleClick = React4__namespace.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -355,7 +355,7 @@ var buttonVariants = classVarianceAuthority.cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React__namespace.forwardRef(
+var Pressable = React4__namespace.forwardRef(
   ({
     children,
     className,
@@ -461,10 +461,10 @@ function DynamicIcon({
   className,
   alt
 }) {
-  const [svgContent, setSvgContent] = React__namespace.useState(null);
-  const [isLoading, setIsLoading] = React__namespace.useState(true);
-  const [error, setError] = React__namespace.useState(null);
-  const { url, iconName } = React__namespace.useMemo(() => {
+  const [svgContent, setSvgContent] = React4__namespace.useState(null);
+  const [isLoading, setIsLoading] = React4__namespace.useState(true);
+  const [error, setError] = React4__namespace.useState(null);
+  const { url, iconName } = React4__namespace.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
     const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
@@ -473,7 +473,7 @@ function DynamicIcon({
       iconName: iconName2
     };
   }, [name, size]);
-  React__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     let isMounted = true;
     const fetchSvg = async () => {
       const cached = svgCache.get(url);
@@ -880,10 +880,10 @@ function ArticleChaptersAuthorComponent({
   optixFlowConfig
 }) {
   const conclusionActions = conclusionActionsProp ?? (conclusionButtonText ? [{ label: conclusionButtonText, href: conclusionButtonHref || "#", variant: "default" }] : []);
-  const [activeChapter, setActiveChapter] = React__namespace.useState(
+  const [activeChapter, setActiveChapter] = React4__namespace.useState(
     chapters?.[0]?.id || ""
   );
-  React__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     if (!enableChapterTracking || !chapters || chapters.length === 0) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -901,20 +901,20 @@ function ArticleChaptersAuthorComponent({
     });
     return () => observer.disconnect();
   }, [chapters, enableChapterTracking]);
-  const renderBreadcrumbs = () => {
+  const breadcrumbsContent = React4__namespace.useMemo(() => {
     if (breadcrumbsSlot) return breadcrumbsSlot;
     if (!breadcrumbs || breadcrumbs.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: cn("mb-8", breadcrumbClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(BreadcrumbList, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: "#", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/home", size: 16 }) }) }) }),
-      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      breadcrumbs.map((crumb, index) => /* @__PURE__ */ jsxRuntime.jsxs(React4__namespace.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
         /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: crumb.href, children: crumb.label }) }) })
       ] }, index)),
       /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
       /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: typeof currentPage === "string" ? currentPage : currentPage }) })
     ] }) });
-  };
-  const renderChaptersNav = () => {
+  }, [breadcrumbsSlot, breadcrumbs, currentPage, breadcrumbClassName]);
+  const chaptersNavContent = React4__namespace.useMemo(() => {
     if (chaptersSlot) return chaptersSlot;
     if (!chapters || chapters.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-lg border p-4", chaptersClassName), children: [
@@ -922,7 +922,7 @@ function ArticleChaptersAuthorComponent({
       /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "space-y-2", children: chapters.map((chapter) => {
         const isActive = activeChapter === chapter.id;
         if (renderChapterLink) {
-          return /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
+          return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: renderChapterLink(chapter, isActive) }, chapter.id);
         }
         return /* @__PURE__ */ jsxRuntime.jsxs(
           Pressable,
@@ -941,50 +941,52 @@ function ArticleChaptersAuthorComponent({
         );
       }) })
     ] });
-  };
-  const renderAuthorCard = () => {
+  }, [chaptersSlot, chapters, activeChapter, renderChapterLink, chaptersClassName]);
+  const authorCardContent = React4__namespace.useMemo(() => {
     if (authorSlot) return authorSlot;
     if (!author) return null;
-    const renderSocialLinks = () => {
-      if (!author.socialLinks) return null;
+    let socialLinksContent = null;
+    if (author.socialLinks) {
       if (Array.isArray(author.socialLinks)) {
-        if (author.socialLinks.length === 0) return null;
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-2", children: author.socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            href: link.href,
-            className: cn(
-              "flex h-8 w-8 items-center justify-center rounded-md border hover:bg-muted",
-              link.className
-            ),
-            "aria-label": link["aria-label"],
-            children: link.icon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 14 })
-          },
-          index
-        )) });
+        if (author.socialLinks.length > 0) {
+          socialLinksContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-2", children: author.socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: link.href,
+              className: cn(
+                "flex h-8 w-8 items-center justify-center rounded-md border hover:bg-muted",
+                link.className
+              ),
+              "aria-label": link["aria-label"],
+              children: link.icon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${link.platform}`, size: 14 })
+            },
+            index
+          )) });
+        }
       } else {
         const links = author.socialLinks;
         const socialEntries = Object.entries(links).filter(([, href]) => href);
-        if (socialEntries.length === 0) return null;
-        const platformLabels = {
-          twitter: "Twitter",
-          linkedin: "LinkedIn",
-          github: "GitHub",
-          facebook: "Facebook",
-          instagram: "Instagram"
-        };
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-2", children: socialEntries.map(([platform, href]) => /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            href,
-            className: "flex h-8 w-8 items-center justify-center rounded-md border hover:bg-muted",
-            "aria-label": platformLabels[platform] || platform.charAt(0).toUpperCase() + platform.slice(1),
-            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${platform}`, size: 14 })
-          },
-          platform
-        )) });
+        if (socialEntries.length > 0) {
+          const platformLabels = {
+            twitter: "Twitter",
+            linkedin: "LinkedIn",
+            github: "GitHub",
+            facebook: "Facebook",
+            instagram: "Instagram"
+          };
+          socialLinksContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex gap-2", children: socialEntries.map(([platform, href]) => /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href,
+              className: "flex h-8 w-8 items-center justify-center rounded-md border hover:bg-muted",
+              "aria-label": platformLabels[platform] || platform.charAt(0).toUpperCase() + platform.slice(1),
+              children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: `lucide/${platform}`, size: 14 })
+            },
+            platform
+          )) });
+        }
       }
-    };
+    }
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-lg border p-4", authorClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold", children: "About the Author" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -998,25 +1000,23 @@ function ArticleChaptersAuthorComponent({
         ] })
       ] }),
       author.bio && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: author.bio }),
-      renderSocialLinks()
+      socialLinksContent
     ] });
-  };
-  const renderHeroMedia = () => {
+  }, [authorSlot, author, authorClassName]);
+  const heroMediaContent = React4__namespace.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
-    if (heroImageSrc) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: heroImageSrc,
-          alt: heroImageAlt,
-          className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
-          optixFlowConfig
-        }
-      );
-    }
-    return null;
-  };
-  const renderConclusion = () => {
+    if (!heroImageSrc) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      img.Img,
+      {
+        src: heroImageSrc,
+        alt: heroImageAlt,
+        className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
+        optixFlowConfig
+      }
+    );
+  }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
+  const conclusionContent = React4__namespace.useMemo(() => {
     if (conclusionSlot) return conclusionSlot;
     if (!conclusionTitle && !conclusionDescription && (!conclusionActions || conclusionActions.length === 0)) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12 rounded-lg border bg-muted/50 p-6 not-prose", conclusionClassName), children: [
@@ -1040,22 +1040,22 @@ function ArticleChaptersAuthorComponent({
         );
       }) })
     ] });
-  };
+  }, [conclusionSlot, conclusionTitle, conclusionDescription, conclusionActions, conclusionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-    renderBreadcrumbs(),
+    breadcrumbsContent,
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center", headerClassName), children: [
       title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
       subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg text-muted-foreground md:text-xl", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", subtitleClassName), children: subtitle }))
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-[280px_minmax(0,1fr)]", children: [
       /* @__PURE__ */ jsxRuntime.jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-8 space-y-6", children: [
-        renderChaptersNav(),
-        renderAuthorCard()
+        chaptersNavContent,
+        authorCardContent
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn("prose max-w-none dark:prose-invert", articleClassName), children: [
-        renderHeroMedia(),
+        heroMediaContent,
         children || defaultArticleContent(optixFlowConfig),
-        renderConclusion()
+        conclusionContent
       ] })
     ] })
   ] }) });