@opensite/ui 2.6.4 → 2.6.6

package/dist/alternating-blocks.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
 import 'react/jsx-runtime';
-import './blocks-D9BXWpQN.js';
+import './blocks-BJ3CyHu6.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/animated-dialog.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { j as AnimatedDialogProps } from './community-initiatives-C0hgXSQJ.cjs';
+import { j as AnimatedDialogProps } from './community-initiatives-CEwp5AFN.cjs';
 import 'react';
-import './blocks-CtBLU2p2.cjs';
+import './blocks-BlLF8sLO.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/animated-dialog.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { j as AnimatedDialogProps } from './community-initiatives-yvApKT-I.js';
+import { j as AnimatedDialogProps } from './community-initiatives-Cz9FycbA.js';
 import 'react';
-import './blocks-D9BXWpQN.js';
+import './blocks-BJ3CyHu6.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/article-breadcrumb-social.cjs

@@ -38,6 +38,13 @@ var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrim
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function isDarkBackground(bg) {
+  return bg === "dark" || bg === "gradient" || bg === "primary" || bg === "secondary";
+}
+function getProseClassName(parentBg, additionalClasses) {
+  const baseClasses = isDarkBackground(parentBg) ? "prose prose-invert" : "prose dark:prose-invert";
+  return additionalClasses ? `${baseClasses} ${additionalClasses}` : baseClasses;
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -974,7 +981,6 @@ var Section = React5__namespace.default.forwardRef(
 Section.displayName = "Section";
 function ArticleBreadcrumbSocialComponent({
   className,
-  containerClassName,
   breadcrumbClassName,
   articleClassName,
   sidebarClassName,
@@ -986,10 +992,7 @@ function ArticleBreadcrumbSocialComponent({
   breadcrumbsSlot,
   currentPage,
   title,
-  author: authorProp,
-  authorName,
-  authorImage,
-  authorRole,
+  author,
   authorSlot,
   publishDate,
   readTime,
@@ -1004,11 +1007,11 @@ function ArticleBreadcrumbSocialComponent({
   enableBackToTop,
   optixFlowConfig,
   background,
-  spacing = "py-6 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "hero",
   pattern,
   patternOpacity
 }) {
-  const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
   const [activeSection, setActiveSection] = React5__namespace.useState(
     sections?.[0]?.id || ""
   );
@@ -1135,15 +1138,16 @@ function ArticleBreadcrumbSocialComponent({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", 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",
+                  getProseClassName(background, "max-w-none"),
                   articleClassName
                 ),
                 children: [
@@ -1156,7 +1160,7 @@ function ArticleBreadcrumbSocialComponent({
                       ),
                       children: title
                     }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+                  ) : title),
                   authorContent,
                   /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-8" }),
                   heroMediaContent,

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

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
-import { O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
+import { O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -77,21 +77,6 @@ interface ArticleBreadcrumbSocialProps {
      * Author configuration
      */
     author?: ArticleAuthorConfig;
-    /**
-     * @deprecated Use author.name instead
-     * Author name (backward compatibility)
-     */
-    authorName?: string;
-    /**
-     * @deprecated Use author.image instead
-     * Author image URL (backward compatibility)
-     */
-    authorImage?: string;
-    /**
-     * @deprecated Use author.role instead
-     * Author role (backward compatibility)
-     */
-    authorRole?: string;
     /**
      * Custom slot for rendering author info (overrides author config)
      */
@@ -161,6 +146,6 @@ interface ArticleBreadcrumbSocialProps {
      */
     patternOpacity?: number;
 }
-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;
+declare function ArticleBreadcrumbSocialComponent({ className, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, author, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, children, enableTocTracking, enableBackToTop, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleBreadcrumbSection, ArticleBreadcrumbSocialComponent as ArticleBreadcrumbSocial, type ArticleBreadcrumbSocialProps };

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

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
-import { O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
+import { O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -77,21 +77,6 @@ interface ArticleBreadcrumbSocialProps {
      * Author configuration
      */
     author?: ArticleAuthorConfig;
-    /**
-     * @deprecated Use author.name instead
-     * Author name (backward compatibility)
-     */
-    authorName?: string;
-    /**
-     * @deprecated Use author.image instead
-     * Author image URL (backward compatibility)
-     */
-    authorImage?: string;
-    /**
-     * @deprecated Use author.role instead
-     * Author role (backward compatibility)
-     */
-    authorRole?: string;
     /**
      * Custom slot for rendering author info (overrides author config)
      */
@@ -161,6 +146,6 @@ interface ArticleBreadcrumbSocialProps {
      */
     patternOpacity?: number;
 }
-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;
+declare function ArticleBreadcrumbSocialComponent({ className, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, author, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, children, enableTocTracking, enableBackToTop, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleBreadcrumbSection, ArticleBreadcrumbSocialComponent as ArticleBreadcrumbSocial, type ArticleBreadcrumbSocialProps };

package/dist/article-breadcrumb-social.js

@@ -15,6 +15,13 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function isDarkBackground(bg) {
+  return bg === "dark" || bg === "gradient" || bg === "primary" || bg === "secondary";
+}
+function getProseClassName(parentBg, additionalClasses) {
+  const baseClasses = isDarkBackground(parentBg) ? "prose prose-invert" : "prose dark:prose-invert";
+  return additionalClasses ? `${baseClasses} ${additionalClasses}` : baseClasses;
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -951,7 +958,6 @@ var Section = React5__default.forwardRef(
 Section.displayName = "Section";
 function ArticleBreadcrumbSocialComponent({
   className,
-  containerClassName,
   breadcrumbClassName,
   articleClassName,
   sidebarClassName,
@@ -963,10 +969,7 @@ function ArticleBreadcrumbSocialComponent({
   breadcrumbsSlot,
   currentPage,
   title,
-  author: authorProp,
-  authorName,
-  authorImage,
-  authorRole,
+  author,
   authorSlot,
   publishDate,
   readTime,
@@ -981,11 +984,11 @@ function ArticleBreadcrumbSocialComponent({
   enableBackToTop,
   optixFlowConfig,
   background,
-  spacing = "py-6 md:py-32",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "hero",
   pattern,
   patternOpacity
 }) {
-  const author = authorProp ?? (authorName ? { name: authorName, image: authorImage, role: authorRole } : void 0);
   const [activeSection, setActiveSection] = React5.useState(
     sections?.[0]?.id || ""
   );
@@ -1112,15 +1115,16 @@ function ArticleBreadcrumbSocialComponent({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", 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",
+                  getProseClassName(background, "max-w-none"),
                   articleClassName
                 ),
                 children: [
@@ -1133,7 +1137,7 @@ function ArticleBreadcrumbSocialComponent({
                       ),
                       children: title
                     }
-                  ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+                  ) : title),
                   authorContent,
                   /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
                   heroMediaContent,

package/dist/article-chapters-author.cjs

@@ -66,6 +66,13 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function isDarkBackground(bg) {
+  return bg === "dark" || bg === "gradient" || bg === "primary" || bg === "secondary";
+}
+function getProseClassName(parentBg, additionalClasses) {
+  const baseClasses = isDarkBackground(parentBg) ? "prose prose-invert" : "prose dark:prose-invert";
+  return additionalClasses ? `${baseClasses} ${additionalClasses}` : baseClasses;
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -982,7 +989,6 @@ var Section = React5__namespace.default.forwardRef(
 Section.displayName = "Section";
 function ArticleChaptersAuthorComponent({
   className,
-  containerClassName,
   breadcrumbClassName,
   headerClassName,
   titleClassName,
@@ -1008,25 +1014,17 @@ function ArticleChaptersAuthorComponent({
   heroMediaSlot,
   conclusionTitle,
   conclusionDescription,
-  conclusionActions: conclusionActionsProp,
-  conclusionButtonText,
-  conclusionButtonHref,
+  conclusionActions,
   conclusionSlot,
   children,
   enableChapterTracking = true,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "hero",
   pattern,
   patternOpacity
 }) {
-  const conclusionActions = conclusionActionsProp ?? (conclusionButtonText ? [
-    {
-      label: conclusionButtonText,
-      href: conclusionButtonHref || "#",
-      variant: "default"
-    }
-  ] : []);
   const [activeChapter, setActiveChapter] = React5__namespace.useState(
     chapters?.[0]?.id || ""
   );
@@ -1077,10 +1075,20 @@ function ArticleChaptersAuthorComponent({
             href: `#${chapter.id}`,
             className: cn(
               "flex items-center gap-3 text-sm transition-colors",
-              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : ""
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex h-6 w-6 items-center justify-center rounded-full text-xs", getNestedCardBg(background), getNestedCardTextColor(background)), children: chapter.number }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex h-6 w-6 items-center justify-center rounded-full text-xs",
+                    getNestedCardBg(background),
+                    getNestedCardTextColor(background)
+                  ),
+                  children: chapter.number
+                }
+              ),
               chapter.title
             ]
           },
@@ -1107,7 +1115,7 @@ function ArticleChaptersAuthorComponent({
             {
               href: link.href,
               className: cn(
-                "flex h-8 w-8 items-center justify-center rounded-md border hover:bg-muted",
+                "flex h-8 w-8 items-center justify-center rounded-md border",
                 link.className
               ),
               "aria-label": link["aria-label"],
@@ -1193,7 +1201,7 @@ function ArticleChaptersAuthorComponent({
         ),
         children: [
           conclusionTitle && (typeof conclusionTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: conclusionTitle }) : conclusionTitle),
-          conclusionDescription && (typeof conclusionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: conclusionDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: conclusionDescription })),
+          conclusionDescription && (typeof conclusionDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2", children: conclusionDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: conclusionDescription })),
           conclusionActions && conclusionActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: conclusionActions.map((action, index) => {
             const {
               label,
@@ -1236,7 +1244,8 @@ function ArticleChaptersAuthorComponent({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         breadcrumbsContent,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 text-center px-8 md:px-0", headerClassName), children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1248,17 +1257,17 @@ function ArticleChaptersAuthorComponent({
               ),
               children: title
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+          ) : title),
           subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
               className: cn(
-                "mt-4 text-lg text-muted-foreground md:text-xl text-balance",
+                "mt-4 text-lg md:text-xl text-balance",
                 subtitleClassName
               ),
               children: subtitle
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", subtitleClassName), children: subtitle }))
+          ) : 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: [
@@ -1269,7 +1278,7 @@ function ArticleChaptersAuthorComponent({
             "article",
             {
               className: cn(
-                "prose max-w-none dark:prose-invert",
+                getProseClassName(background, "max-w-none"),
                 articleClassName
               ),
               children: [

package/dist/article-chapters-author.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
-import { i as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
+import { i as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -141,16 +141,6 @@ interface ArticleChaptersAuthorProps {
      * Conclusion CTA actions
      */
     conclusionActions?: ActionConfig[];
-    /**
-     * @deprecated Use conclusionActions instead
-     * Conclusion button text (backward compatibility)
-     */
-    conclusionButtonText?: string;
-    /**
-     * @deprecated Use conclusionActions instead
-     * Conclusion button href (backward compatibility)
-     */
-    conclusionButtonHref?: string;
     /**
      * Custom slot for conclusion section (overrides conclusion props)
      */
@@ -185,6 +175,6 @@ interface ArticleChaptersAuthorProps {
      */
     patternOpacity?: number;
 }
-declare function ArticleChaptersAuthorComponent({ className, containerClassName, breadcrumbClassName, headerClassName, titleClassName, subtitleClassName, sidebarClassName, articleClassName, chaptersClassName, authorClassName, conclusionClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, subtitle, chapters, chaptersSlot, renderChapterLink, author, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, conclusionTitle, conclusionDescription, conclusionActions: conclusionActionsProp, conclusionButtonText, conclusionButtonHref, conclusionSlot, children, enableChapterTracking, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
+declare function ArticleChaptersAuthorComponent({ className, breadcrumbClassName, headerClassName, titleClassName, subtitleClassName, sidebarClassName, articleClassName, chaptersClassName, authorClassName, conclusionClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, subtitle, chapters, chaptersSlot, renderChapterLink, author, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, conclusionTitle, conclusionDescription, conclusionActions, conclusionSlot, children, enableChapterTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleAuthor, type ArticleChapter, ArticleChaptersAuthorComponent as ArticleChaptersAuthor, type ArticleChaptersAuthorProps };

package/dist/article-chapters-author.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
-import { i as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
+import { i as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -141,16 +141,6 @@ interface ArticleChaptersAuthorProps {
      * Conclusion CTA actions
      */
     conclusionActions?: ActionConfig[];
-    /**
-     * @deprecated Use conclusionActions instead
-     * Conclusion button text (backward compatibility)
-     */
-    conclusionButtonText?: string;
-    /**
-     * @deprecated Use conclusionActions instead
-     * Conclusion button href (backward compatibility)
-     */
-    conclusionButtonHref?: string;
     /**
      * Custom slot for conclusion section (overrides conclusion props)
      */
@@ -185,6 +175,6 @@ interface ArticleChaptersAuthorProps {
      */
     patternOpacity?: number;
 }
-declare function ArticleChaptersAuthorComponent({ className, containerClassName, breadcrumbClassName, headerClassName, titleClassName, subtitleClassName, sidebarClassName, articleClassName, chaptersClassName, authorClassName, conclusionClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, subtitle, chapters, chaptersSlot, renderChapterLink, author, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, conclusionTitle, conclusionDescription, conclusionActions: conclusionActionsProp, conclusionButtonText, conclusionButtonHref, conclusionSlot, children, enableChapterTracking, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
+declare function ArticleChaptersAuthorComponent({ className, breadcrumbClassName, headerClassName, titleClassName, subtitleClassName, sidebarClassName, articleClassName, chaptersClassName, authorClassName, conclusionClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, subtitle, chapters, chaptersSlot, renderChapterLink, author, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, conclusionTitle, conclusionDescription, conclusionActions, conclusionSlot, children, enableChapterTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleAuthor, type ArticleChapter, ArticleChaptersAuthorComponent as ArticleChaptersAuthor, type ArticleChaptersAuthorProps };

package/dist/article-chapters-author.js

@@ -44,6 +44,13 @@ function getNestedCardTextColor(parentBg, options) {
   const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
   return isDark ? "text-foreground" : "";
 }
+function isDarkBackground(bg) {
+  return bg === "dark" || bg === "gradient" || bg === "primary" || bg === "secondary";
+}
+function getProseClassName(parentBg, additionalClasses) {
+  const baseClasses = isDarkBackground(parentBg) ? "prose prose-invert" : "prose dark:prose-invert";
+  return additionalClasses ? `${baseClasses} ${additionalClasses}` : baseClasses;
+}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -960,7 +967,6 @@ var Section = React5__default.forwardRef(
 Section.displayName = "Section";
 function ArticleChaptersAuthorComponent({
   className,
-  containerClassName,
   breadcrumbClassName,
   headerClassName,
   titleClassName,
@@ -986,25 +992,17 @@ function ArticleChaptersAuthorComponent({
   heroMediaSlot,
   conclusionTitle,
   conclusionDescription,
-  conclusionActions: conclusionActionsProp,
-  conclusionButtonText,
-  conclusionButtonHref,
+  conclusionActions,
   conclusionSlot,
   children,
   enableChapterTracking = true,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "hero",
   pattern,
   patternOpacity
 }) {
-  const conclusionActions = conclusionActionsProp ?? (conclusionButtonText ? [
-    {
-      label: conclusionButtonText,
-      href: conclusionButtonHref || "#",
-      variant: "default"
-    }
-  ] : []);
   const [activeChapter, setActiveChapter] = React5.useState(
     chapters?.[0]?.id || ""
   );
@@ -1055,10 +1053,20 @@ function ArticleChaptersAuthorComponent({
             href: `#${chapter.id}`,
             className: cn(
               "flex items-center gap-3 text-sm transition-colors",
-              isActive ? "font-medium" : "text-muted-foreground hover:text-foreground"
+              isActive ? "font-medium" : ""
             ),
             children: [
-              /* @__PURE__ */ jsx("span", { className: cn("flex h-6 w-6 items-center justify-center rounded-full text-xs", getNestedCardBg(background), getNestedCardTextColor(background)), children: chapter.number }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "flex h-6 w-6 items-center justify-center rounded-full text-xs",
+                    getNestedCardBg(background),
+                    getNestedCardTextColor(background)
+                  ),
+                  children: chapter.number
+                }
+              ),
               chapter.title
             ]
           },
@@ -1085,7 +1093,7 @@ function ArticleChaptersAuthorComponent({
             {
               href: link.href,
               className: cn(
-                "flex h-8 w-8 items-center justify-center rounded-md border hover:bg-muted",
+                "flex h-8 w-8 items-center justify-center rounded-md border",
                 link.className
               ),
               "aria-label": link["aria-label"],
@@ -1171,7 +1179,7 @@ function ArticleChaptersAuthorComponent({
         ),
         children: [
           conclusionTitle && (typeof conclusionTitle === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: conclusionTitle }) : conclusionTitle),
-          conclusionDescription && (typeof conclusionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-muted-foreground", children: conclusionDescription }) : /* @__PURE__ */ jsx("div", { className: "mt-2", children: conclusionDescription })),
+          conclusionDescription && (typeof conclusionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-2", children: conclusionDescription }) : /* @__PURE__ */ jsx("div", { className: "mt-2", children: conclusionDescription })),
           conclusionActions && conclusionActions.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: conclusionActions.map((action, index) => {
             const {
               label,
@@ -1214,7 +1222,8 @@ function ArticleChaptersAuthorComponent({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
+      containerClassName,
+      children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         breadcrumbsContent,
         /* @__PURE__ */ jsxs("div", { className: cn("mb-12 text-center px-8 md:px-0", headerClassName), children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsx(
@@ -1226,17 +1235,17 @@ function ArticleChaptersAuthorComponent({
               ),
               children: title
             }
-          ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+          ) : title),
           subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx(
             "p",
             {
               className: cn(
-                "mt-4 text-lg text-muted-foreground md:text-xl text-balance",
+                "mt-4 text-lg md:text-xl text-balance",
                 subtitleClassName
               ),
               children: subtitle
             }
-          ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", subtitleClassName), children: subtitle }))
+          ) : subtitle)
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-[280px_minmax(0,1fr)]", children: [
           /* @__PURE__ */ jsx("aside", { className: cn("hidden lg:block", sidebarClassName), children: /* @__PURE__ */ jsxs("div", { className: "sticky top-8 space-y-6", children: [
@@ -1247,7 +1256,7 @@ function ArticleChaptersAuthorComponent({
             "article",
             {
               className: cn(
-                "prose max-w-none dark:prose-invert",
+                getProseClassName(background, "max-w-none"),
                 articleClassName
               ),
               children: [