@opensite/ui 3.2.9 → 3.3.1

package/dist/registry.cjs

@@ -1803,22 +1803,6 @@ function AboutExpandableValues({
   const toggleExpand = React30.useCallback((id) => {
     setExpandedValue((prev) => prev === id ? null : id);
   }, []);
-  React30.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 = React30.useMemo(() => {
     if (valuesSlot) return valuesSlot;
     if (!values || values.length === 0) return null;
@@ -1932,7 +1916,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(
@@ -8199,13 +8183,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
@@ -8234,7 +8218,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",
             {
@@ -8316,15 +8300,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 })
@@ -8410,7 +8386,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: [
@@ -38004,7 +37980,7 @@ function BlogCarouselAppleComponent({
 }
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -38043,8 +38019,6 @@ function ArticleHeroProseComponent({
   proseClassName,
   heroMediaSlot,
   authorSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   dateFormat = "MMMM d, yyyy",
@@ -38158,7 +38132,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(
@@ -38169,11 +38143,10 @@ function ArticleHeroProseComponent({
             children: /* @__PURE__ */ jsxRuntime.jsx(
               LongformContent,
               {
-                renderMode,
+                renderMode: "markdown",
                 markdownString,
                 optixFlowConfig,
-                markdownStyles,
-                children
+                markdownStyles
               }
             )
           }
@@ -38214,8 +38187,6 @@ function ArticleSidebarStickyComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   optixFlowConfig,
@@ -38342,11 +38313,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(
@@ -38396,8 +38366,6 @@ function ArticleTocSidebarComponent({
   ctaDescription,
   ctaActions,
   ctaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -38589,11 +38557,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(
@@ -38640,8 +38607,6 @@ function ArticleBreadcrumbSocialComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking,
@@ -38787,7 +38752,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(
@@ -38810,11 +38775,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(
@@ -38869,8 +38833,6 @@ function ArticleCompactTocComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -39047,7 +39009,7 @@ function ArticleCompactTocComponent({
               }
             ),
             tocContent,
-            (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxRuntime.jsxs(
+            markdownString && /* @__PURE__ */ jsxRuntime.jsxs(
               "article",
               {
                 className: cn(
@@ -39059,11 +39021,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(
@@ -39114,8 +39075,6 @@ function ArticleChaptersAuthorComponent({
   conclusionDescription,
   conclusionActions,
   conclusionSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableChapterTracking = true,
@@ -39374,11 +39333,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/registry.js

@@ -1763,22 +1763,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;
@@ -1892,7 +1876,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(
@@ -8159,13 +8143,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
@@ -8194,7 +8178,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",
             {
@@ -8276,15 +8260,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 })
@@ -8370,7 +8346,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: [
@@ -37964,7 +37940,7 @@ function BlogCarouselAppleComponent({
 }
 function LongformContent({
   children,
-  renderMode = "jsx",
+  renderMode = "markdown",
   markdownString,
   optixFlowConfig,
   markdownStyles
@@ -38003,8 +37979,6 @@ function ArticleHeroProseComponent({
   proseClassName,
   heroMediaSlot,
   authorSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   dateFormat = "MMMM d, yyyy",
@@ -38118,7 +38092,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(
@@ -38129,11 +38103,10 @@ function ArticleHeroProseComponent({
             children: /* @__PURE__ */ jsx(
               LongformContent,
               {
-                renderMode,
+                renderMode: "markdown",
                 markdownString,
                 optixFlowConfig,
-                markdownStyles,
-                children
+                markdownStyles
               }
             )
           }
@@ -38174,8 +38147,6 @@ function ArticleSidebarStickyComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   optixFlowConfig,
@@ -38302,11 +38273,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(
@@ -38356,8 +38326,6 @@ function ArticleTocSidebarComponent({
   ctaDescription,
   ctaActions,
   ctaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -38549,11 +38517,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(
@@ -38600,8 +38567,6 @@ function ArticleBreadcrumbSocialComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking,
@@ -38747,7 +38712,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(
@@ -38770,11 +38735,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(
@@ -38829,8 +38793,6 @@ function ArticleCompactTocComponent({
   heroImageSrc,
   heroImageAlt,
   heroMediaSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableTocTracking = true,
@@ -39007,7 +38969,7 @@ function ArticleCompactTocComponent({
               }
             ),
             tocContent,
-            (children || renderMode === "markdown" && markdownString) && /* @__PURE__ */ jsxs(
+            markdownString && /* @__PURE__ */ jsxs(
               "article",
               {
                 className: cn(
@@ -39019,11 +38981,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(
@@ -39074,8 +39035,6 @@ function ArticleChaptersAuthorComponent({
   conclusionDescription,
   conclusionActions,
   conclusionSlot,
-  children,
-  renderMode = "jsx",
   markdownString,
   markdownStyles,
   enableChapterTracking = true,
@@ -39334,11 +39293,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "3.2.9",
+  "version": "3.3.1",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",