@opensite/ui 3.2.9 → 3.3.1

package/dist/about-expandable-values.cjs

@@ -4,11 +4,11 @@
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var pressable = require('@page-speed/pressable');
 var icon = require('@page-speed/icon');
 var jsxRuntime = require('react/jsx-runtime');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
+var pressable = require('@page-speed/pressable');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -545,22 +545,6 @@ function AboutExpandableValues({
   const toggleExpand = React.useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
-  React.useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-      pressable.Pressable,
-      {
-        href: action.href,
-        onClick: action.onClick,
-        variant: action.variant || "default",
-        size: action.size,
-        asButton: true,
-        children: action.label
-      },
-      idx
-    )) });
-  }, [actionsSlot, actions, actionsClassName]);
   const valuesContent = React.useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
@@ -674,7 +658,7 @@ function AboutExpandableValues({
               "relative mt-8 rounded-lg p-8 bg-muted text-muted-foreground",
               ctaClassName
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center flex flex-col items-center gap-6", children: [
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl text-center flex flex-col items-center gap-4", children: [
               ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
               ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(ctaDescriptionClassName), children: ctaDescription }) : ctaDescription),
               /* @__PURE__ */ jsxRuntime.jsx(

package/dist/about-expandable-values.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import React__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { Pressable } from '@page-speed/pressable';
 import { Icon } from '@page-speed/icon';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
+import { Pressable } from '@page-speed/pressable';
 
 // components/blocks/about/about-expandable-values.tsx
 function cn(...inputs) {
@@ -524,22 +524,6 @@ function AboutExpandableValues({
   const toggleExpand = useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
-  useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actions.map((action, idx) => /* @__PURE__ */ jsx(
-      Pressable,
-      {
-        href: action.href,
-        onClick: action.onClick,
-        variant: action.variant || "default",
-        size: action.size,
-        asButton: true,
-        children: action.label
-      },
-      idx
-    )) });
-  }, [actionsSlot, actions, actionsClassName]);
   const valuesContent = useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
@@ -653,7 +637,7 @@ function AboutExpandableValues({
               "relative mt-8 rounded-lg p-8 bg-muted text-muted-foreground",
               ctaClassName
             ),
-            children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center flex flex-col items-center gap-6", children: [
+            children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl text-center flex flex-col items-center gap-4", children: [
               ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
               ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn(ctaDescriptionClassName), children: ctaDescription }) : ctaDescription),
               /* @__PURE__ */ jsx(

package/dist/about-minimal-story.cjs

@@ -423,15 +423,7 @@ function AboutMinimalStory({
           className: "h-16 w-16 rounded-full object-cover",
           optixFlowConfig
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "flex h-16 w-16 items-center justify-center rounded-full text-2xl font-bold"
-          ),
-          children: author.name.charAt(0)
-        }
-      ),
+      ) : null,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: author.name }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: author.role })

package/dist/about-minimal-story.js

@@ -417,15 +417,7 @@ function AboutMinimalStory({
           className: "h-16 w-16 rounded-full object-cover",
           optixFlowConfig
         }
-      ) : /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex h-16 w-16 items-center justify-center rounded-full text-2xl font-bold"
-          ),
-          children: author.name.charAt(0)
-        }
-      ),
+      ) : null,
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "font-semibold", children: author.name }),
         /* @__PURE__ */ jsx("p", { className: "text-sm", children: author.role })

package/dist/about-startup-team.cjs

@@ -554,13 +554,13 @@ function AboutStartupTeam({
     if (sidebarSlot) return null;
     if (!effectiveTabs || effectiveTabs.length === 0) return null;
     if (!teamMembers || teamMembers.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full min-w-0 max-w-[calc(100vw-1rem)] overflow-hidden sm:max-w-[calc(100vw-2rem)] lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "-mx-2 flex gap-2 overflow-x-auto px-2 pb-2", children: effectiveTabs.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full min-w-0 max-w-full overflow-hidden lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "flex w-full min-w-0 gap-2 overflow-x-auto pb-2", children: effectiveTabs.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       pressable.Pressable,
       {
         componentType: "button",
         onClick: () => handleTabChange(link.value),
         className: cn(
-          "shrink-0 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
+          "shrink-0 whitespace-nowrap rounded-lg px-4 py-2 text-sm font-medium transition-colors",
           activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-card text-card-foreground hover:bg-primary hover:text-primary-foreground"
         ),
         children: link.label
@@ -589,7 +589,7 @@ function AboutStartupTeam({
             children: renderTabsNav
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 lg:col-span-3", children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {

package/dist/about-startup-team.js

@@ -533,13 +533,13 @@ function AboutStartupTeam({
     if (sidebarSlot) return null;
     if (!effectiveTabs || effectiveTabs.length === 0) return null;
     if (!teamMembers || teamMembers.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: "w-full min-w-0 max-w-[calc(100vw-1rem)] overflow-hidden sm:max-w-[calc(100vw-2rem)] lg:hidden", children: /* @__PURE__ */ jsx("nav", { className: "-mx-2 flex gap-2 overflow-x-auto px-2 pb-2", children: effectiveTabs.map((link, idx) => /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: "w-full min-w-0 max-w-full overflow-hidden lg:hidden", children: /* @__PURE__ */ jsx("nav", { className: "flex w-full min-w-0 gap-2 overflow-x-auto pb-2", children: effectiveTabs.map((link, idx) => /* @__PURE__ */ jsx(
       Pressable,
       {
         componentType: "button",
         onClick: () => handleTabChange(link.value),
         className: cn(
-          "shrink-0 rounded-lg px-4 py-2 text-sm font-medium transition-colors",
+          "shrink-0 whitespace-nowrap rounded-lg px-4 py-2 text-sm font-medium transition-colors",
           activeTab === link.value ? "bg-primary text-primary-foreground" : "bg-card text-card-foreground hover:bg-primary hover:text-primary-foreground"
         ),
         children: link.label
@@ -568,7 +568,7 @@ function AboutStartupTeam({
             children: renderTabsNav
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "lg:col-span-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 lg:col-span-3", children: [
           title && (typeof title === "string" ? /* @__PURE__ */ jsx(
             "h1",
             {

package/dist/about-story-hero.cjs

@@ -469,7 +469,7 @@ function AboutStoryHero({
       {
         className: cn(
           "rounded-2xl bg-muted text-muted-foreground",
-          "flex flex-col items-start gap-2",
+          "flex flex-col items-start gap-2 p-6",
           teamInfoClassName
         ),
         children: [

package/dist/about-story-hero.js

@@ -448,7 +448,7 @@ function AboutStoryHero({
       {
         className: cn(
           "rounded-2xl bg-muted text-muted-foreground",
-          "flex flex-col items-start gap-2",
+          "flex flex-col items-start gap-2 p-6",
           teamInfoClassName
         ),
         children: [

package/dist/article-breadcrumb-social.cjs

@@ -547,7 +547,7 @@ var Section = React5__namespace.default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -599,8 +599,6 @@ function ArticleBreadcrumbSocialComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking,
@@ -746,7 +744,7 @@ function ArticleBreadcrumbSocialComponent({
         /* @__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 || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxRuntime.jsxs(
+            markdownString && /* @__PURE__ */ jsxRuntime.jsxs(
               "article",
               {
                 className: cn(
@@ -769,11 +767,10 @@ function ArticleBreadcrumbSocialComponent({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     LongformContent,
                     {
-                      renderMode,
+                      renderMode: "markdown",
                       markdownString,
                       optixFlowConfig,
-                      markdownStyles,
-                      children
+                      markdownStyles
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -118,16 +118,7 @@ interface ArticleBreadcrumbSocialProps {
      */
     heroMediaSlot?: React.ReactNode;
     /**
-     * Article body content (replaces hardcoded prose)
-     */
-    children?: React.ReactNode;
-    /**
-     * Render mode for content
-     * @default "jsx"
-     */
-    renderMode?: "jsx" | "markdown";
-    /**
-     * Markdown string to render (when renderMode is "markdown")
+     * Markdown string to render
      */
     markdownString?: string;
     /**
@@ -170,6 +161,6 @@ interface ArticleBreadcrumbSocialProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleBreadcrumbSocialComponent({ sectionId, className, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, description, author, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, children, renderMode, markdownString, markdownStyles, enableTocTracking, enableBackToTop, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
+declare function ArticleBreadcrumbSocialComponent({ sectionId, className, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, description, author, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, markdownString, markdownStyles, enableTocTracking, enableBackToTop, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleBreadcrumbSection, ArticleBreadcrumbSocialComponent as ArticleBreadcrumbSocial, type ArticleBreadcrumbSocialProps };

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

@@ -118,16 +118,7 @@ interface ArticleBreadcrumbSocialProps {
      */
     heroMediaSlot?: React.ReactNode;
     /**
-     * Article body content (replaces hardcoded prose)
-     */
-    children?: React.ReactNode;
-    /**
-     * Render mode for content
-     * @default "jsx"
-     */
-    renderMode?: "jsx" | "markdown";
-    /**
-     * Markdown string to render (when renderMode is "markdown")
+     * Markdown string to render
      */
     markdownString?: string;
     /**
@@ -170,6 +161,6 @@ interface ArticleBreadcrumbSocialProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleBreadcrumbSocialComponent({ sectionId, className, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, description, author, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, children, renderMode, markdownString, markdownStyles, enableTocTracking, enableBackToTop, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
+declare function ArticleBreadcrumbSocialComponent({ sectionId, className, breadcrumbClassName, articleClassName, sidebarClassName, titleClassName, authorClassName, heroImageClassName, tocClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, description, author, authorSlot, publishDate, readTime, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, markdownString, markdownStyles, enableTocTracking, enableBackToTop, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleBreadcrumbSocialProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleBreadcrumbSection, ArticleBreadcrumbSocialComponent as ArticleBreadcrumbSocial, type ArticleBreadcrumbSocialProps };

package/dist/article-breadcrumb-social.js

@@ -525,7 +525,7 @@ var Section = React5__default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -577,8 +577,6 @@ function ArticleBreadcrumbSocialComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking,
@@ -724,7 +722,7 @@ function ArticleBreadcrumbSocialComponent({
         /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           breadcrumbsContent,
           /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-[minmax(0,1fr)_280px]", children: [
-            (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxs(
+            markdownString && /* @__PURE__ */ jsxs(
               "article",
               {
                 className: cn(
@@ -747,11 +745,10 @@ function ArticleBreadcrumbSocialComponent({
                   /* @__PURE__ */ jsx(
                     LongformContent,
                     {
-                      renderMode,
+                      renderMode: "markdown",
                       markdownString,
                       optixFlowConfig,
-                      markdownStyles,
-                      children
+                      markdownStyles
                     }
                   ),
                   /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(

package/dist/article-chapters-author.cjs

@@ -636,7 +636,7 @@ var SocialLinkIcon = React6__namespace.forwardRef(
 SocialLinkIcon.displayName = "SocialLinkIcon";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -693,8 +693,6 @@ function ArticleChaptersAuthorComponent({
   conclusionDescription,
   conclusionActions,
   conclusionSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableChapterTracking = true,
@@ -953,11 +951,10 @@ function ArticleChaptersAuthorComponent({
                 /* @__PURE__ */ jsxRuntime.jsx(
                   LongformContent,
                   {
-                    renderMode,
+                    renderMode: "markdown",
                     markdownString,
                     optixFlowConfig,
-                    markdownStyles,
-                    children
+                    markdownStyles
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(

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

@@ -146,16 +146,7 @@ interface ArticleChaptersAuthorProps {
      */
     conclusionSlot?: React.ReactNode;
     /**
-     * Article body content (replaces hardcoded prose)
-     */
-    children?: React.ReactNode;
-    /**
-     * Render mode for content
-     * @default "jsx"
-     */
-    renderMode?: "jsx" | "markdown";
-    /**
-     * Markdown string to render (when renderMode is "markdown")
+     * Markdown string to render
      */
     markdownString?: string;
     /**
@@ -195,6 +186,6 @@ interface ArticleChaptersAuthorProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleChaptersAuthorComponent({ sectionId, 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, renderMode, markdownString, markdownStyles, enableChapterTracking, optixFlowConfig, background, containerClassName, spacing, patternClassName, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
+declare function ArticleChaptersAuthorComponent({ sectionId, 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, markdownString, markdownStyles, enableChapterTracking, optixFlowConfig, background, containerClassName, spacing, patternClassName, 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

@@ -146,16 +146,7 @@ interface ArticleChaptersAuthorProps {
      */
     conclusionSlot?: React.ReactNode;
     /**
-     * Article body content (replaces hardcoded prose)
-     */
-    children?: React.ReactNode;
-    /**
-     * Render mode for content
-     * @default "jsx"
-     */
-    renderMode?: "jsx" | "markdown";
-    /**
-     * Markdown string to render (when renderMode is "markdown")
+     * Markdown string to render
      */
     markdownString?: string;
     /**
@@ -195,6 +186,6 @@ interface ArticleChaptersAuthorProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleChaptersAuthorComponent({ sectionId, 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, renderMode, markdownString, markdownStyles, enableChapterTracking, optixFlowConfig, background, containerClassName, spacing, patternClassName, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
+declare function ArticleChaptersAuthorComponent({ sectionId, 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, markdownString, markdownStyles, enableChapterTracking, optixFlowConfig, background, containerClassName, spacing, patternClassName, pattern, patternOpacity, }: ArticleChaptersAuthorProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleAuthor, type ArticleChapter, ArticleChaptersAuthorComponent as ArticleChaptersAuthor, type ArticleChaptersAuthorProps };

package/dist/article-chapters-author.js

@@ -614,7 +614,7 @@ var SocialLinkIcon = React6.forwardRef(
 SocialLinkIcon.displayName = "SocialLinkIcon";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -671,8 +671,6 @@ function ArticleChaptersAuthorComponent({
   conclusionDescription,
   conclusionActions,
   conclusionSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableChapterTracking = true,
@@ -931,11 +929,10 @@ function ArticleChaptersAuthorComponent({
                 /* @__PURE__ */ jsx(
                   LongformContent,
                   {
-                    renderMode,
+                    renderMode: "markdown",
                     markdownString,
                     optixFlowConfig,
-                    markdownStyles,
-                    children
+                    markdownStyles
                   }
                 ),
                 /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(

package/dist/article-compact-toc.cjs

@@ -554,7 +554,7 @@ function PopoverContent({
 }
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -606,8 +606,6 @@ function ArticleCompactTocComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -784,7 +782,7 @@ function ArticleCompactTocComponent({
               }
             ),
             tocContent,
-            (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxRuntime.jsxs(
+            markdownString && /* @__PURE__ */ jsxRuntime.jsxs(
               "article",
               {
                 className: cn(
@@ -796,11 +794,10 @@ function ArticleCompactTocComponent({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     LongformContent,
                     {
-                      renderMode,
+                      renderMode: "markdown",
                       markdownString,
                       optixFlowConfig,
-                      markdownStyles,
-                      children
+                      markdownStyles
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/article-compact-toc.d.cts

@@ -113,16 +113,7 @@ interface ArticleCompactTocProps {
      */
     heroMediaSlot?: React.ReactNode;
     /**
-     * Article body content (replaces hardcoded prose)
-     */
-    children?: React.ReactNode;
-    /**
-     * Render mode for content
-     * @default "jsx"
-     */
-    renderMode?: "jsx" | "markdown";
-    /**
-     * Markdown string to render (when renderMode is "markdown")
+     * Markdown string to render
      */
     markdownString?: string;
     /**
@@ -162,6 +153,6 @@ interface ArticleCompactTocProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleCompactTocComponent({ sectionId, className, breadcrumbClassName, contentClassName, titleClassName, metaClassName, tocClassName, articleClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, authorName, authorHref, publishDate, readTime, sections, tocSlot, renderSectionLink, description, heroImageSrc, heroImageAlt, heroMediaSlot, children, renderMode, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleCompactTocProps): react_jsx_runtime.JSX.Element;
+declare function ArticleCompactTocComponent({ sectionId, className, breadcrumbClassName, contentClassName, titleClassName, metaClassName, tocClassName, articleClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, authorName, authorHref, publishDate, readTime, sections, tocSlot, renderSectionLink, description, heroImageSrc, heroImageAlt, heroMediaSlot, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleCompactTocProps): react_jsx_runtime.JSX.Element;
 
 export { ArticleCompactTocComponent as ArticleCompactToc, type ArticleCompactTocProps, type ArticleCompactTocSection };

package/dist/article-compact-toc.d.ts

@@ -113,16 +113,7 @@ interface ArticleCompactTocProps {
      */
     heroMediaSlot?: React.ReactNode;
     /**
-     * Article body content (replaces hardcoded prose)
-     */
-    children?: React.ReactNode;
-    /**
-     * Render mode for content
-     * @default "jsx"
-     */
-    renderMode?: "jsx" | "markdown";
-    /**
-     * Markdown string to render (when renderMode is "markdown")
+     * Markdown string to render
      */
     markdownString?: string;
     /**
@@ -162,6 +153,6 @@ interface ArticleCompactTocProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleCompactTocComponent({ sectionId, className, breadcrumbClassName, contentClassName, titleClassName, metaClassName, tocClassName, articleClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, authorName, authorHref, publishDate, readTime, sections, tocSlot, renderSectionLink, description, heroImageSrc, heroImageAlt, heroMediaSlot, children, renderMode, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleCompactTocProps): react_jsx_runtime.JSX.Element;
+declare function ArticleCompactTocComponent({ sectionId, className, breadcrumbClassName, contentClassName, titleClassName, metaClassName, tocClassName, articleClassName, heroImageClassName, breadcrumbs, breadcrumbsSlot, currentPage, title, authorName, authorHref, publishDate, readTime, sections, tocSlot, renderSectionLink, description, heroImageSrc, heroImageAlt, heroMediaSlot, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleCompactTocProps): react_jsx_runtime.JSX.Element;
 
 export { ArticleCompactTocComponent as ArticleCompactToc, type ArticleCompactTocProps, type ArticleCompactTocSection };

package/dist/article-compact-toc.js

@@ -531,7 +531,7 @@ function PopoverContent({
 }
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -583,8 +583,6 @@ function ArticleCompactTocComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -761,7 +759,7 @@ function ArticleCompactTocComponent({
               }
             ),
             tocContent,
-            (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxs(
+            markdownString && /* @__PURE__ */ jsxs(
               "article",
               {
                 className: cn(
@@ -773,11 +771,10 @@ function ArticleCompactTocComponent({
                   /* @__PURE__ */ jsx(
                     LongformContent,
                     {
-                      renderMode,
+                      renderMode: "markdown",
                       markdownString,
                       optixFlowConfig,
-                      markdownStyles,
-                      children
+                      markdownStyles
                     }
                   ),
                   /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(

package/dist/article-hero-prose.cjs

@@ -467,7 +467,7 @@ var Section = React4__namespace.default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -506,8 +506,6 @@ function ArticleHeroProseComponent({
   proseClassName,
   heroMediaSlot,
   authorSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   dateFormat = "MMMM d, yyyy",
@@ -621,7 +619,7 @@ function ArticleHeroProseComponent({
             ]
           }
         ) }),
-        (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        markdownString && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: cn(
@@ -632,11 +630,10 @@ function ArticleHeroProseComponent({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               LongformContent,
               {
-                renderMode,
+                renderMode: "markdown",
                 markdownString,
                 optixFlowConfig,
-                markdownStyles,
-                children
+                markdownStyles
               }
             )
           }