@opensite/ui 0.8.4 → 0.8.5

package/dist/article-breadcrumb-social.cjs

@@ -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

@@ -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-compact-toc.cjs

@@ -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

@@ -1064,7 +1064,7 @@ function ArticleCompactTocComponent({
   enableTocTracking = true,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {

package/dist/article-sidebar-sticky.cjs

@@ -1002,7 +1002,7 @@ function ArticleSidebarStickyComponent({
   children,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -1013,7 +1013,10 @@ function ArticleSidebarStickyComponent({
       Pressable,
       {
         href: backHref,
-        className: cn("inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground", backLinkClassName),
+        className: cn(
+          "inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground",
+          backLinkClassName
+        ),
         children: [
           backIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 16 }),
           backText
@@ -1021,21 +1024,38 @@ function ArticleSidebarStickyComponent({
       }
     );
   }, [backLinkSlot, backHref, backText, backIcon, backLinkClassName]);
-  const renderAuthor = React__namespace.useCallback((isMobile = false) => {
-    if (authorSlot) return authorSlot;
-    if (!authorName) return null;
-    const avatarSize = isMobile ? "h-8 w-8" : "h-10 w-10";
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: avatarSize, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: authorImage }),
-        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: authorName.charAt(0) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        authorHref ? /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: authorHref, className: "text-sm font-medium hover:underline", children: authorName }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: authorName }),
-        publishDate && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: publishDate })
-      ] })
-    ] });
-  }, [authorSlot, authorName, authorImage, authorHref, publishDate, authorClassName]);
+  const renderAuthor = React__namespace.useCallback(
+    (isMobile = false) => {
+      if (authorSlot) return authorSlot;
+      if (!authorName) return null;
+      const avatarSize = isMobile ? "h-8 w-8" : "h-10 w-10";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: avatarSize, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: authorImage }),
+          /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: authorName.charAt(0) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          authorHref ? /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: authorHref,
+              className: "text-sm font-medium hover:underline",
+              children: authorName
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: authorName }),
+          publishDate && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: publishDate })
+        ] })
+      ] });
+    },
+    [
+      authorSlot,
+      authorName,
+      authorImage,
+      authorHref,
+      publishDate,
+      authorClassName
+    ]
+  );
   const heroMediaContent = React__namespace.useMemo(() => {
     if (heroMediaSlot) return heroMediaSlot;
     if (!heroImageSrc) return null;
@@ -1044,11 +1064,20 @@ function ArticleSidebarStickyComponent({
       {
         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
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1062,13 +1091,31 @@ function ArticleSidebarStickyComponent({
           backLinkContent,
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: renderAuthor(false) })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("article", { className: cn("prose max-w-none dark:prose-invert", articleClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 lg:hidden", children: backLinkContent }),
-          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 })),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "not-prose mt-4 lg:hidden", children: renderAuthor(true) }),
-          heroMediaContent,
-          children
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "article",
+          {
+            className: cn(
+              "prose max-w-none dark:prose-invert",
+              articleClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 lg:hidden", children: backLinkContent }),
+              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 })),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "not-prose mt-4 lg:hidden", children: renderAuthor(true) }),
+              heroMediaContent,
+              children
+            ]
+          }
+        )
       ] }) })
     }
   );