@opensite/ui 3.3.0 → 3.3.2

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/feature-capabilities-grid.cjs

@@ -501,7 +501,7 @@ function FeatureCapabilitiesGrid({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -left-2 -bottom-2 h-3 w-3 bg-background" }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -right-2 -bottom-2 h-3 w-3 bg-background" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "relative z-10 flex flex-row items-start gap-3 p-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "relative z-10 flex flex-row items-start gap-3 pt-6 px-6 pb-0", children: [
               iconContent && /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -517,31 +517,13 @@ function FeatureCapabilitiesGrid({
                 {
                   href: item.href,
                   className: "flex-1 h-full flex items-center",
-                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                    item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                      "h3",
-                      {
-                        className: cn("text-lg font-medium", item.titleClassName),
-                        children: item.title
-                      }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        className: cn("text-lg font-medium", item.titleClassName),
-                        children: item.title
-                      }
-                    )),
-                    item.badge && /* @__PURE__ */ jsxRuntime.jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "rounded-full border px-2 py-0.5 text-[10px] leading-none",
-                          item.badgeClassName
-                        ),
-                        children: item.badge
-                      }
-                    )
-                  ] })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "h3",
+                    {
+                      className: cn("text-lg font-medium", item.titleClassName),
+                      children: item.title
+                    }
+                  ) : item.title) })
                 }
               )
             ] }),
@@ -583,13 +565,7 @@ function FeatureCapabilitiesGrid({
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-6 md:space-y-16", children: [
         eyebrow || heading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-4 md:space-y-6", children: [
-          eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm tracking-widest", eyebrowClassName), children: eyebrow }) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn("text-sm tracking-widest", eyebrowClassName),
-              children: eyebrow
-            }
-          )),
+          eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm tracking-widest", eyebrowClassName), children: eyebrow }) : eyebrow),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
@@ -599,16 +575,7 @@ function FeatureCapabilitiesGrid({
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "text-4xl font-semibold sm:text-5xl",
-                headingClassName
-              ),
-              children: heading
-            }
-          ))
+          ) : heading)
         ] }) : null,
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",

package/dist/feature-capabilities-grid.d.cts

@@ -23,10 +23,6 @@ interface FeatureCapabilitiesGridItem {
      * Icon name in format: prefix/name (e.g., "lucide/brain")
      */
     iconName?: string;
-    /**
-     * Optional badge label content
-     */
-    badge?: React.ReactNode;
     /**
      * Additional CSS classes for the item
      */

package/dist/feature-capabilities-grid.d.ts

@@ -23,10 +23,6 @@ interface FeatureCapabilitiesGridItem {
      * Icon name in format: prefix/name (e.g., "lucide/brain")
      */
     iconName?: string;
-    /**
-     * Optional badge label content
-     */
-    badge?: React.ReactNode;
     /**
      * Additional CSS classes for the item
      */

package/dist/feature-capabilities-grid.js

@@ -480,7 +480,7 @@ function FeatureCapabilitiesGrid({
               /* @__PURE__ */ jsx("div", { className: "absolute -left-2 -bottom-2 h-3 w-3 bg-background" }),
               /* @__PURE__ */ jsx("div", { className: "absolute -right-2 -bottom-2 h-3 w-3 bg-background" })
             ] }),
-            /* @__PURE__ */ jsxs(CardHeader, { className: "relative z-10 flex flex-row items-start gap-3 p-6", children: [
+            /* @__PURE__ */ jsxs(CardHeader, { className: "relative z-10 flex flex-row items-start gap-3 pt-6 px-6 pb-0", children: [
               iconContent && /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -496,31 +496,13 @@ function FeatureCapabilitiesGrid({
                 {
                   href: item.href,
                   className: "flex-1 h-full flex items-center",
-                  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                    item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsx(
-                      "h3",
-                      {
-                        className: cn("text-lg font-medium", item.titleClassName),
-                        children: item.title
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn("text-lg font-medium", item.titleClassName),
-                        children: item.title
-                      }
-                    )),
-                    item.badge && /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: cn(
-                          "rounded-full border px-2 py-0.5 text-[10px] leading-none",
-                          item.badgeClassName
-                        ),
-                        children: item.badge
-                      }
-                    )
-                  ] })
+                  children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsx(
+                    "h3",
+                    {
+                      className: cn("text-lg font-medium", item.titleClassName),
+                      children: item.title
+                    }
+                  ) : item.title) })
                 }
               )
             ] }),
@@ -562,13 +544,7 @@ function FeatureCapabilitiesGrid({
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-6 md:space-y-16", children: [
         eyebrow || heading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-4 md:space-y-6", children: [
-          eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm tracking-widest", eyebrowClassName), children: eyebrow }) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn("text-sm tracking-widest", eyebrowClassName),
-              children: eyebrow
-            }
-          )),
+          eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm tracking-widest", eyebrowClassName), children: eyebrow }) : eyebrow),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h2",
             {
@@ -578,16 +554,7 @@ function FeatureCapabilitiesGrid({
               ),
               children: heading
             }
-          ) : /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "text-4xl font-semibold sm:text-5xl",
-                headingClassName
-              ),
-              children: heading
-            }
-          ))
+          ) : heading)
         ] }) : null,
         /* @__PURE__ */ jsx(
           "div",

package/dist/hero-conversation-intelligence.cjs

@@ -548,7 +548,7 @@ function HeroConversationIntelligence({
                 {
                   actions,
                   actionsSlot,
-                  actionsClassName
+                  actionsClassName: cn(actionsClassName, "justify-center")
                 }
               )
             ]

package/dist/hero-conversation-intelligence.js

@@ -542,7 +542,7 @@ function HeroConversationIntelligence({
                 {
                   actions,
                   actionsSlot,
-                  actionsClassName
+                  actionsClassName: cn(actionsClassName, "justify-center")
                 }
               )
             ]

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

package/dist/navbar-mega-menu.cjs

@@ -999,11 +999,20 @@ var NavbarMegaMenu = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(pressable.Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        icon,
-        label,
-        iconAfter
-      ] }) }, index);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        pressable.Pressable,
+        {
+          asButton: true,
+          className: actionClassName,
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            icon,
+            label,
+            iconAfter
+          ] })
+        },
+        index
+      );
     });
   };
   const {

package/dist/navbar-mega-menu.js

@@ -976,11 +976,20 @@ var NavbarMegaMenu = ({
         className: actionClassName,
         ...pressableProps
       } = action;
-      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        icon,
-        label,
-        iconAfter
-      ] }) }, index);
+      return /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          asButton: true,
+          className: actionClassName,
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            icon,
+            label,
+            iconAfter
+          ] })
+        },
+        index
+      );
     });
   };
   const {