@opensite/ui 0.8.3 → 0.8.5

package/dist/article-breadcrumb-social.cjs

@@ -1057,7 +1057,7 @@ var Section = React6__namespace.default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),
@@ -1081,7 +1081,6 @@ function ArticleBreadcrumbSocialComponent({
   authorClassName,
   heroImageClassName,
   tocClassName,
-  shareClassName,
   breadcrumbs,
   breadcrumbsSlot,
   currentPage,
@@ -1096,9 +1095,6 @@ function ArticleBreadcrumbSocialComponent({
   sections,
   tocSlot,
   renderSectionLink,
-  socialLinks: socialLinksProp,
-  shareUrls,
-  shareSlot,
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
@@ -1107,35 +1103,11 @@ function ArticleBreadcrumbSocialComponent({
   enableBackToTop,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
-  const platformLabels = {
-    twitter: "Twitter",
-    x: "X",
-    facebook: "Facebook",
-    linkedin: "LinkedIn",
-    instagram: "Instagram",
-    github: "GitHub"
-  };
-  const socialIconMap = {
-    twitter: "simple-icons/x",
-    // Twitter is now X
-    x: "simple-icons/x",
-    facebook: "simple-icons/facebook",
-    linkedin: "simple-icons/linkedin",
-    instagram: "simple-icons/instagram",
-    github: "simple-icons/github"
-  };
-  const socialLinks = socialLinksProp ?? (shareUrls ? Object.entries(shareUrls).filter(([, href]) => href).map(([platform, href]) => ({
-    platform,
-    href,
-    icon: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: socialIconMap[platform] || `simple-icons/${platform}`, size: 16 }),
-    "aria-label": `Share on ${platformLabels[platform] || platform.charAt(0).toUpperCase() + platform.slice(1)}`,
-    className: void 0
-  })) : []);
   const [activeSection, setActiveSection] = React6__namespace.useState(
     sections?.[0]?.id || ""
   );
@@ -1187,16 +1159,25 @@ function ArticleBreadcrumbSocialComponent({
   const authorContent = React6__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: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-12 w-12", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: author.image }),
-        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: author.name?.charAt(0) || "A" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        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 ") })
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mt-6 flex items-center gap-4 not-prose",
+          authorClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "h-12 w-12", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: author.image }),
+            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: author.name?.charAt(0) || "A" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            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 ") })
+          ] })
+        ]
+      }
+    );
   }, [authorSlot, author, publishDate, readTime, authorClassName]);
   const heroMediaContent = React6__namespace.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
@@ -1206,11 +1187,20 @@ function ArticleBreadcrumbSocialComponent({
       {
         src: heroImageSrc,
         alt: heroImageAlt,
-        className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
+        className: cn(
+          "my-8 aspect-video w-full rounded-lg object-cover",
+          heroImageClassName
+        ),
         optixFlowConfig
       }
     );
-  }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
+  }, [
+    heroMediaSlot,
+    heroImageSrc,
+    heroImageAlt,
+    heroImageClassName,
+    optixFlowConfig
+  ]);
   const tocContent = React6__namespace.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
@@ -1236,26 +1226,6 @@ function ArticleBreadcrumbSocialComponent({
       }) })
     ] });
   }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
-  const shareButtonsContent = React6__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: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold", children: "Share this article" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: cn(
-            "flex h-9 w-9 items-center justify-center rounded-md border hover:bg-muted",
-            link.className
-          ),
-          "aria-label": link["aria-label"],
-          children: link.icon
-        },
-        index
-      )) })
-    ] });
-  }, [shareSlot, socialLinks, shareClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1268,18 +1238,32 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
           breadcrumbsContent,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px]", children: [
-            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 })),
-              authorContent,
-              /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-8" }),
-              heroMediaContent,
-              children,
-              shareButtonsContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "not-prose mt-8 lg:hidden", children: shareButtonsContent })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-8 space-y-6", children: [
-              tocContent,
-              shareButtonsContent
-            ] }) })
+            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 })),
+                  authorContent,
+                  /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-8" }),
+                  heroMediaContent,
+                  children
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-8 space-y-6", children: tocContent }) })
           ] })
         ] }),
         enableBackToTop && showBackToTop && /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { a as SocialLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -57,10 +57,6 @@ interface ArticleBreadcrumbSocialProps {
      * Additional CSS classes for the TOC container
      */
     tocClassName?: string;
-    /**
-     * Additional CSS classes for the share buttons container
-     */
-    shareClassName?: string;
     /**
      * Breadcrumb navigation items
      */
@@ -120,24 +116,6 @@ interface ArticleBreadcrumbSocialProps {
      * Render callback for section links (overrides default rendering)
      */
     renderSectionLink?: (section: ArticleBreadcrumbSection, isActive: boolean) => React.ReactNode;
-    /**
-     * Social share links
-     */
-    socialLinks?: SocialLinkItem[];
-    /**
-     * @deprecated Use socialLinks instead
-     * Share URLs object (backward compatibility)
-     */
-    shareUrls?: {
-        twitter?: string;
-        facebook?: string;
-        linkedin?: string;
-        instagram?: string;
-    };
-    /**
-     * Custom slot for rendering share buttons (overrides socialLinks)
-     */
-    shareSlot?: React.ReactNode;
     /**
      * Hero image source URL
      */
@@ -183,6 +161,6 @@ interface ArticleBreadcrumbSocialProps {
      */
     patternOpacity?: number;
 }
-declare function ArticleBreadcrumbSocialComponent({ className, containerClassName, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, shareClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, author: authorProp, authorName, authorImage, authorRole, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, socialLinks: socialLinksProp, shareUrls, shareSlot, heroImageSrc, heroImageAlt, heroMediaSlot, children, enableTocTracking, enableBackToTop, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
+declare function ArticleBreadcrumbSocialComponent({ className, containerClassName, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, author: authorProp, authorName, authorImage, authorRole, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, children, enableTocTracking, enableBackToTop, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleBreadcrumbSection, ArticleBreadcrumbSocialComponent as ArticleBreadcrumbSocial, type ArticleBreadcrumbSocialProps };

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

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { a as SocialLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -57,10 +57,6 @@ interface ArticleBreadcrumbSocialProps {
      * Additional CSS classes for the TOC container
      */
     tocClassName?: string;
-    /**
-     * Additional CSS classes for the share buttons container
-     */
-    shareClassName?: string;
     /**
      * Breadcrumb navigation items
      */
@@ -120,24 +116,6 @@ interface ArticleBreadcrumbSocialProps {
      * Render callback for section links (overrides default rendering)
      */
     renderSectionLink?: (section: ArticleBreadcrumbSection, isActive: boolean) => React.ReactNode;
-    /**
-     * Social share links
-     */
-    socialLinks?: SocialLinkItem[];
-    /**
-     * @deprecated Use socialLinks instead
-     * Share URLs object (backward compatibility)
-     */
-    shareUrls?: {
-        twitter?: string;
-        facebook?: string;
-        linkedin?: string;
-        instagram?: string;
-    };
-    /**
-     * Custom slot for rendering share buttons (overrides socialLinks)
-     */
-    shareSlot?: React.ReactNode;
     /**
      * Hero image source URL
      */
@@ -183,6 +161,6 @@ interface ArticleBreadcrumbSocialProps {
      */
     patternOpacity?: number;
 }
-declare function ArticleBreadcrumbSocialComponent({ className, containerClassName, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, shareClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, author: authorProp, authorName, authorImage, authorRole, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, socialLinks: socialLinksProp, shareUrls, shareSlot, heroImageSrc, heroImageAlt, heroMediaSlot, children, enableTocTracking, enableBackToTop, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
+declare function ArticleBreadcrumbSocialComponent({ className, containerClassName, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, author: authorProp, authorName, authorImage, authorRole, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, children, enableTocTracking, enableBackToTop, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleBreadcrumbSection, ArticleBreadcrumbSocialComponent as ArticleBreadcrumbSocial, type ArticleBreadcrumbSocialProps };

package/dist/article-breadcrumb-social.js

@@ -1034,7 +1034,7 @@ var Section = React6__default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),
@@ -1058,7 +1058,6 @@ function ArticleBreadcrumbSocialComponent({
   authorClassName,
   heroImageClassName,
   tocClassName,
-  shareClassName,
   breadcrumbs,
   breadcrumbsSlot,
   currentPage,
@@ -1073,9 +1072,6 @@ function ArticleBreadcrumbSocialComponent({
   sections,
   tocSlot,
   renderSectionLink,
-  socialLinks: socialLinksProp,
-  shareUrls,
-  shareSlot,
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
@@ -1084,35 +1080,11 @@ function ArticleBreadcrumbSocialComponent({
   enableBackToTop,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {
   const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
-  const platformLabels = {
-    twitter: "Twitter",
-    x: "X",
-    facebook: "Facebook",
-    linkedin: "LinkedIn",
-    instagram: "Instagram",
-    github: "GitHub"
-  };
-  const socialIconMap = {
-    twitter: "simple-icons/x",
-    // Twitter is now X
-    x: "simple-icons/x",
-    facebook: "simple-icons/facebook",
-    linkedin: "simple-icons/linkedin",
-    instagram: "simple-icons/instagram",
-    github: "simple-icons/github"
-  };
-  const socialLinks = socialLinksProp ?? (shareUrls ? Object.entries(shareUrls).filter(([, href]) => href).map(([platform, href]) => ({
-    platform,
-    href,
-    icon: /* @__PURE__ */ jsx(DynamicIcon, { name: socialIconMap[platform] || `simple-icons/${platform}`, size: 16 }),
-    "aria-label": `Share on ${platformLabels[platform] || platform.charAt(0).toUpperCase() + platform.slice(1)}`,
-    className: void 0
-  })) : []);
   const [activeSection, setActiveSection] = React6.useState(
     sections?.[0]?.id || ""
   );
@@ -1164,16 +1136,25 @@ function ArticleBreadcrumbSocialComponent({
   const authorContent = React6.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: [
-      /* @__PURE__ */ jsxs(Avatar, { className: "h-12 w-12", children: [
-        /* @__PURE__ */ jsx(AvatarImage, { src: author.image }),
-        /* @__PURE__ */ jsx(AvatarFallback, { children: author.name?.charAt(0) || "A" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        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 ") })
-      ] })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "mt-6 flex items-center gap-4 not-prose",
+          authorClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(Avatar, { className: "h-12 w-12", children: [
+            /* @__PURE__ */ jsx(AvatarImage, { src: author.image }),
+            /* @__PURE__ */ jsx(AvatarFallback, { children: author.name?.charAt(0) || "A" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            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 ") })
+          ] })
+        ]
+      }
+    );
   }, [authorSlot, author, publishDate, readTime, authorClassName]);
   const heroMediaContent = React6.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
@@ -1183,11 +1164,20 @@ function ArticleBreadcrumbSocialComponent({
       {
         src: heroImageSrc,
         alt: heroImageAlt,
-        className: cn("my-8 aspect-video w-full rounded-lg object-cover", heroImageClassName),
+        className: cn(
+          "my-8 aspect-video w-full rounded-lg object-cover",
+          heroImageClassName
+        ),
         optixFlowConfig
       }
     );
-  }, [heroMediaSlot, heroImageSrc, heroImageAlt, heroImageClassName, optixFlowConfig]);
+  }, [
+    heroMediaSlot,
+    heroImageSrc,
+    heroImageAlt,
+    heroImageClassName,
+    optixFlowConfig
+  ]);
   const tocContent = React6.useMemo(() => {
     if (tocSlot) return tocSlot;
     if (!sections || sections.length === 0) return null;
@@ -1213,26 +1203,6 @@ function ArticleBreadcrumbSocialComponent({
       }) })
     ] });
   }, [tocSlot, sections, activeSection, renderSectionLink, tocClassName]);
-  const shareButtonsContent = React6.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: [
-      /* @__PURE__ */ jsx("h3", { className: "mb-4 text-sm font-semibold", children: "Share this article" }),
-      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: socialLinks.map((link, index) => /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          href: link.href,
-          className: cn(
-            "flex h-9 w-9 items-center justify-center rounded-md border hover:bg-muted",
-            link.className
-          ),
-          "aria-label": link["aria-label"],
-          children: link.icon
-        },
-        index
-      )) })
-    ] });
-  }, [shareSlot, socialLinks, shareClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1245,18 +1215,32 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
           breadcrumbsContent,
           /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px]", children: [
-            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 })),
-              authorContent,
-              /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
-              heroMediaContent,
-              children,
-              shareButtonsContent && /* @__PURE__ */ jsx("div", { className: "not-prose mt-8 lg:hidden", children: shareButtonsContent })
-            ] }),
-            /* @__PURE__ */ jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxs("div", { className: "sticky top-8 space-y-6", children: [
-              tocContent,
-              shareButtonsContent
-            ] }) })
+            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 })),
+                  authorContent,
+                  /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+                  heroMediaContent,
+                  children
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsx("div", { className: "sticky top-8 space-y-6", children: tocContent }) })
           ] })
         ] }),
         enableBackToTop && showBackToTop && /* @__PURE__ */ jsx(

package/dist/article-chapters-author.cjs

@@ -1035,7 +1035,7 @@ var Section = React6__namespace.default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),

package/dist/article-chapters-author.js

@@ -1013,7 +1013,7 @@ var Section = React6__default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),

package/dist/article-compact-toc.cjs

@@ -1012,7 +1012,7 @@ var Section = React6__namespace.default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),
@@ -1087,7 +1087,7 @@ function ArticleCompactTocComponent({
   enableTocTracking = true,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {

package/dist/article-compact-toc.js

@@ -989,7 +989,7 @@ var Section = React6__default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),
@@ -1064,7 +1064,7 @@ function ArticleCompactTocComponent({
   enableTocTracking = true,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {

package/dist/article-hero-prose.cjs

@@ -859,7 +859,7 @@ var Section = React__namespace.default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),

package/dist/article-hero-prose.js

@@ -837,7 +837,7 @@ var Section = React__default.forwardRef(
               maxWidth: containerMaxWidth,
               className: cn("relative z-10", containerClassName),
               children: [
-                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
+                (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "mb-6 text-center md:mb-16", children: [
                   subtitle && /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
                   title && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
                 ] }),