@opensite/ui 3.2.9 → 3.3.1

package/dist/article-hero-prose.d.cts

@@ -62,16 +62,7 @@ interface ArticleHeroProseProps {
      */
     authorSlot?: React.ReactNode;
     /**
-     * Main body content
-     */
-    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;
     /**
@@ -107,6 +98,6 @@ interface ArticleHeroProseProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleHeroProseComponent({ sectionId, post, className, headerClassName, titleClassName, descriptionClassName, authorClassName, heroImageClassName, proseClassName, heroMediaSlot, authorSlot, children, renderMode, markdownString, markdownStyles, dateFormat, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleHeroProseProps): react_jsx_runtime.JSX.Element;
+declare function ArticleHeroProseComponent({ sectionId, post, className, headerClassName, titleClassName, descriptionClassName, authorClassName, heroImageClassName, proseClassName, heroMediaSlot, authorSlot, markdownString, markdownStyles, dateFormat, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleHeroProseProps): react_jsx_runtime.JSX.Element;
 
 export { ArticleHeroProseComponent as ArticleHeroProse, type ArticleHeroProsePost, type ArticleHeroProseProps };

package/dist/article-hero-prose.d.ts

@@ -62,16 +62,7 @@ interface ArticleHeroProseProps {
      */
     authorSlot?: React.ReactNode;
     /**
-     * Main body content
-     */
-    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;
     /**
@@ -107,6 +98,6 @@ interface ArticleHeroProseProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleHeroProseComponent({ sectionId, post, className, headerClassName, titleClassName, descriptionClassName, authorClassName, heroImageClassName, proseClassName, heroMediaSlot, authorSlot, children, renderMode, markdownString, markdownStyles, dateFormat, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleHeroProseProps): react_jsx_runtime.JSX.Element;
+declare function ArticleHeroProseComponent({ sectionId, post, className, headerClassName, titleClassName, descriptionClassName, authorClassName, heroImageClassName, proseClassName, heroMediaSlot, authorSlot, markdownString, markdownStyles, dateFormat, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: ArticleHeroProseProps): react_jsx_runtime.JSX.Element;
 
 export { ArticleHeroProseComponent as ArticleHeroProse, type ArticleHeroProsePost, type ArticleHeroProseProps };

package/dist/article-hero-prose.js

@@ -445,7 +445,7 @@ var Section = React4__default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -484,8 +484,6 @@ function ArticleHeroProseComponent({
   proseClassName,
   heroMediaSlot,
   authorSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   dateFormat = "MMMM d, yyyy",
@@ -599,7 +597,7 @@ function ArticleHeroProseComponent({
             ]
           }
         ) }),
-        (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
+        markdownString && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ jsx(
           "div",
           {
             className: cn(
@@ -610,11 +608,10 @@ function ArticleHeroProseComponent({
             children: /* @__PURE__ */ jsx(
               LongformContent,
               {
-                renderMode,
+                renderMode: "markdown",
                 markdownString,
                 optixFlowConfig,
-                markdownStyles,
-                children
+                markdownStyles
               }
             )
           }

package/dist/article-sidebar-sticky.cjs

@@ -475,7 +475,7 @@ var Section = React5__namespace.default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -526,8 +526,6 @@ function ArticleSidebarStickyComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   optixFlowConfig,
@@ -654,11 +652,10 @@ function ArticleSidebarStickyComponent({
               /* @__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-sidebar-sticky.d.cts

@@ -101,16 +101,7 @@ interface ArticleSidebarStickyProps {
      */
     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;
     /**
@@ -145,6 +136,6 @@ interface ArticleSidebarStickyProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleSidebarStickyComponent({ sectionId, className, sidebarClassName, articleClassName, titleClassName, authorClassName, heroImageClassName, backLinkClassName, backHref, backText, backIcon, backLinkSlot, title, summary, summaryClassName, authorName, authorImage, authorHref, publishDate, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, children, renderMode, markdownString, markdownStyles, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, sidebarContent, }: ArticleSidebarStickyProps): react_jsx_runtime.JSX.Element;
+declare function ArticleSidebarStickyComponent({ sectionId, className, sidebarClassName, articleClassName, titleClassName, authorClassName, heroImageClassName, backLinkClassName, backHref, backText, backIcon, backLinkSlot, title, summary, summaryClassName, authorName, authorImage, authorHref, publishDate, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, markdownString, markdownStyles, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, sidebarContent, }: ArticleSidebarStickyProps): react_jsx_runtime.JSX.Element;
 
 export { ArticleSidebarStickyComponent as ArticleSidebarSticky, type ArticleSidebarStickyProps };

package/dist/article-sidebar-sticky.d.ts

@@ -101,16 +101,7 @@ interface ArticleSidebarStickyProps {
      */
     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;
     /**
@@ -145,6 +136,6 @@ interface ArticleSidebarStickyProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleSidebarStickyComponent({ sectionId, className, sidebarClassName, articleClassName, titleClassName, authorClassName, heroImageClassName, backLinkClassName, backHref, backText, backIcon, backLinkSlot, title, summary, summaryClassName, authorName, authorImage, authorHref, publishDate, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, children, renderMode, markdownString, markdownStyles, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, sidebarContent, }: ArticleSidebarStickyProps): react_jsx_runtime.JSX.Element;
+declare function ArticleSidebarStickyComponent({ sectionId, className, sidebarClassName, articleClassName, titleClassName, authorClassName, heroImageClassName, backLinkClassName, backHref, backText, backIcon, backLinkSlot, title, summary, summaryClassName, authorName, authorImage, authorHref, publishDate, authorSlot, heroImageSrc, heroImageAlt, heroMediaSlot, markdownString, markdownStyles, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, sidebarContent, }: ArticleSidebarStickyProps): react_jsx_runtime.JSX.Element;
 
 export { ArticleSidebarStickyComponent as ArticleSidebarSticky, type ArticleSidebarStickyProps };

package/dist/article-sidebar-sticky.js

@@ -453,7 +453,7 @@ var Section = React5__default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -504,8 +504,6 @@ function ArticleSidebarStickyComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   optixFlowConfig,
@@ -632,11 +630,10 @@ function ArticleSidebarStickyComponent({
               /* @__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-toc-sidebar.cjs

@@ -500,7 +500,7 @@ var Section = React4__namespace.default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -559,8 +559,6 @@ function ArticleTocSidebarComponent({
   ctaDescription,
   ctaActions,
   ctaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -752,11 +750,10 @@ function ArticleTocSidebarComponent({
               /* @__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-toc-sidebar.d.cts

@@ -136,15 +136,6 @@ interface ArticleTocSidebarProps {
      * Custom slot for CTA section (overrides CTA props)
      */
     ctaSlot?: 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")
      */
@@ -186,6 +177,6 @@ interface ArticleTocSidebarProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleTocSidebarComponent({ sectionId, className, articleClassName, sidebarClassName, headerClassName, titleClassName, descriptionClassName, authorClassName, tocClassName, ctaClassName, heroImageClassName, title, description, authorName, authorImage, authorHref, publishDate, readTime, authorSlot, category, categorySlot, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, ctaTitle, ctaDescription, ctaActions, ctaSlot, children, renderMode, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleTocSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ArticleTocSidebarComponent({ sectionId, className, articleClassName, sidebarClassName, headerClassName, titleClassName, descriptionClassName, authorClassName, tocClassName, ctaClassName, heroImageClassName, title, description, authorName, authorImage, authorHref, publishDate, readTime, authorSlot, category, categorySlot, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, ctaTitle, ctaDescription, ctaActions, ctaSlot, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleTocSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleTocSection, ArticleTocSidebarComponent as ArticleTocSidebar, type ArticleTocSidebarProps };

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

@@ -136,15 +136,6 @@ interface ArticleTocSidebarProps {
      * Custom slot for CTA section (overrides CTA props)
      */
     ctaSlot?: 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")
      */
@@ -186,6 +177,6 @@ interface ArticleTocSidebarProps {
     /** Optional Section ID */
     sectionId?: string;
 }
-declare function ArticleTocSidebarComponent({ sectionId, className, articleClassName, sidebarClassName, headerClassName, titleClassName, descriptionClassName, authorClassName, tocClassName, ctaClassName, heroImageClassName, title, description, authorName, authorImage, authorHref, publishDate, readTime, authorSlot, category, categorySlot, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, ctaTitle, ctaDescription, ctaActions, ctaSlot, children, renderMode, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleTocSidebarProps): react_jsx_runtime.JSX.Element;
+declare function ArticleTocSidebarComponent({ sectionId, className, articleClassName, sidebarClassName, headerClassName, titleClassName, descriptionClassName, authorClassName, tocClassName, ctaClassName, heroImageClassName, title, description, authorName, authorImage, authorHref, publishDate, readTime, authorSlot, category, categorySlot, sections, tocSlot, renderSectionLink, heroImageSrc, heroImageAlt, heroMediaSlot, ctaTitle, ctaDescription, ctaActions, ctaSlot, markdownString, markdownStyles, enableTocTracking, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: ArticleTocSidebarProps): react_jsx_runtime.JSX.Element;
 
 export { type ArticleTocSection, ArticleTocSidebarComponent as ArticleTocSidebar, type ArticleTocSidebarProps };

package/dist/article-toc-sidebar.js

@@ -478,7 +478,7 @@ var Section = React4__default.forwardRef(
 Section.displayName = "Section";
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -537,8 +537,6 @@ function ArticleTocSidebarComponent({
   ctaDescription,
   ctaActions,
   ctaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -730,11 +728,10 @@ function ArticleTocSidebarComponent({
               /* @__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/badge.d.cts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "outline" | "default" | "secondary" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "outline" | "default" | "secondary" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/components.cjs

@@ -2008,22 +2008,6 @@ function AboutExpandableValues({
   const toggleExpand = React4.useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
-  React4.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 = React4.useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
@@ -2137,7 +2121,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/components.js

@@ -1985,22 +1985,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;
@@ -2114,7 +2098,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/index.cjs

@@ -2069,22 +2069,6 @@ function AboutExpandableValues({
   const toggleExpand = React4.useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
-  React4.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 = React4.useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
@@ -2198,7 +2182,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/index.js

@@ -2047,22 +2047,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;
@@ -2176,7 +2160,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/longform-content.cjs

@@ -30,7 +30,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 // components/ui/longform-content.tsx
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles

package/dist/longform-content.d.cts

@@ -21,7 +21,7 @@ interface LongformContentProps {
      * Controls the rendering strategy for article content.
      * - "jsx": Renders the `children` prop as-is
      * - "markdown": Parses and renders the `markdownString` prop
-     * @default "jsx"
+     * @default "markdown"
      */
     renderMode?: "jsx" | "markdown";
     /**

package/dist/longform-content.d.ts

@@ -21,7 +21,7 @@ interface LongformContentProps {
      * Controls the rendering strategy for article content.
      * - "jsx": Renders the `children` prop as-is
      * - "markdown": Parses and renders the `markdownString` prop
-     * @default "jsx"
+     * @default "markdown"
      */
     renderMode?: "jsx" | "markdown";
     /**

package/dist/longform-content.js

@@ -8,7 +8,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 // components/ui/longform-content.tsx
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles