@opensite/ui 0.4.1 → 0.4.3

package/dist/testimonials-stats-header.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -97,7 +96,7 @@ interface TestimonialsStatsHeaderProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-stats-header.js

@@ -509,6 +509,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -528,7 +529,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -611,56 +612,77 @@ function TestimonialsStatsHeader({
   };
   const renderStats = () => {
     if (statsSlot) return statsSlot;
-    return /* @__PURE__ */ jsx("div", { className: cn("mb-12 grid grid-cols-2 gap-4 md:grid-cols-4", statsGridClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: cn("rounded-lg bg-muted/50 p-6 text-center", statItemClassName),
-        children: [
-          typeof stat.value === "string" ? /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-primary md:text-4xl", children: stat.value }) : stat.value,
-          typeof stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: stat.label }) : stat.label
-        ]
-      },
-      index
-    )) });
+        className: cn(
+          "mb-12 grid grid-cols-2 gap-4 md:grid-cols-4",
+          statsGridClassName
+        ),
+        children: stats.map((stat, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "rounded-lg bg-muted/50 p-6 text-center",
+              statItemClassName
+            ),
+            children: [
+              typeof stat.value === "string" ? /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold text-primary md:text-4xl", children: stat.value }) : stat.value,
+              typeof stat.label === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: stat.label }) : stat.label
+            ]
+          },
+          index
+        ))
+      }
+    );
   };
   const renderTestimonials = () => {
     if (testimonialsSlot) return testimonialsSlot;
-    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6 md:grid-cols-3", testimonialsGridClassName), children: testimonials.map((testimonial, index) => {
-      const authorName = getAuthorName(testimonial);
-      const avatarSrc = getAvatarSrc(testimonial);
-      return /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "mb-4 flex gap-1", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: "lucide/star",
-            size: 16,
-            className: "fill-primary text-primary"
-          },
-          i
-        )) }),
-        testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs("p", { className: cn("mb-6 text-sm leading-relaxed", quoteClassName), children: [
-          "\u201C",
-          testimonial.quote,
-          "\u201D"
-        ] }) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote })),
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
-            /* @__PURE__ */ jsx(
-              AvatarImage,
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("grid gap-6 md:grid-cols-3", testimonialsGridClassName),
+        children: testimonials.map((testimonial, index) => {
+          const authorName = getAuthorName(testimonial);
+          const avatarSrc = getAvatarSrc(testimonial);
+          return /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-4 flex gap-1", children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx(
+              DynamicIcon,
+              {
+                name: "lucide/star",
+                size: 16,
+                className: "fill-primary text-primary"
+              },
+              i
+            )) }),
+            testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs(
+              "p",
               {
-                src: avatarSrc,
-                alt: authorName
+                className: cn(
+                  "mb-6 text-sm leading-relaxed",
+                  quoteClassName
+                ),
+                children: [
+                  "\u201C",
+                  testimonial.quote,
+                  "\u201D"
+                ]
               }
-            ),
-            /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
-          ] })
-        ] })
-      ] }) }, index);
-    }) });
+            ) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote })),
+            /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
+              /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
+                /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
+                testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
+              ] })
+            ] })
+          ] }) }, index);
+        })
+      }
+    );
   };
   return /* @__PURE__ */ jsxs(
     Section,
@@ -671,10 +693,34 @@ function TestimonialsStatsHeader({
       patternOpacity,
       className,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-semibold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-4 text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+            ]
+          }
+        ),
         renderStats(),
         renderTestimonials()
       ]

package/dist/testimonials-twitter-cards.cjs

@@ -950,6 +950,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -969,7 +970,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1066,39 +1067,57 @@ function TestimonialsTwitterCards({
   };
   const renderTestimonials = () => {
     if (testimonialsSlot) return testimonialsSlot;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-4 sm:grid-cols-2 lg:grid-cols-3", gridClassName), children: testimonials.map((testimonial, index) => {
-      const authorName = getAuthorName(testimonial);
-      return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("group", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn("p-6", cardContentClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-4 flex items-start justify-between", authorClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                AvatarImage,
-                {
-                  src: testimonial.avatarSrc,
-                  alt: authorName
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author),
-              testimonial.handle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: testimonial.handle })
-            ] })
-          ] }),
-          testimonial.twitterUrl && /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              href: testimonial.twitterUrl,
-              className: "text-muted-foreground transition-colors hover:text-foreground",
-              "aria-label": "View on Twitter",
-              children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "simple-icons/x", size: 18 })
-            }
-          )
-        ] }),
-        testimonial.content && (typeof testimonial.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.content }) : testimonial.content)
-      ] }) }, index);
-    }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
+        children: testimonials.map((testimonial, index) => {
+          const authorName = getAuthorName(testimonial);
+          return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("group", cardClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn("p-6", cardContentClassName), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "mb-4 flex items-start justify-between",
+                  authorClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        AvatarImage,
+                        {
+                          src: testimonial.avatarSrc,
+                          alt: authorName
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author),
+                      testimonial.handle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: testimonial.handle })
+                    ] })
+                  ] }),
+                  testimonial.twitterUrl && /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      href: testimonial.twitterUrl,
+                      className: "text-muted-foreground transition-colors hover:text-foreground",
+                      "aria-label": "View on Twitter",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "simple-icons/x", size: 18 })
+                    }
+                  )
+                ]
+              }
+            ),
+            testimonial.content && (typeof testimonial.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.content }) : testimonial.content)
+          ] }) }, index);
+        })
+      }
+    );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -1109,10 +1128,34 @@ function TestimonialsTwitterCards({
       patternOpacity,
       className,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-semibold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-4 text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+            ]
+          }
+        ),
         renderTestimonials()
       ]
     }

package/dist/testimonials-twitter-cards.d.cts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -93,7 +92,7 @@ interface TestimonialsTwitterCardsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-twitter-cards.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -93,7 +92,7 @@ interface TestimonialsTwitterCardsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-twitter-cards.js

@@ -928,6 +928,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -947,7 +948,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1044,39 +1045,57 @@ function TestimonialsTwitterCards({
   };
   const renderTestimonials = () => {
     if (testimonialsSlot) return testimonialsSlot;
-    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-4 sm:grid-cols-2 lg:grid-cols-3", gridClassName), children: testimonials.map((testimonial, index) => {
-      const authorName = getAuthorName(testimonial);
-      return /* @__PURE__ */ jsx(Card, { className: cn("group", cardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: cn("p-6", cardContentClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-4 flex items-start justify-between", authorClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
-              /* @__PURE__ */ jsx(
-                AvatarImage,
-                {
-                  src: testimonial.avatarSrc,
-                  alt: authorName
-                }
-              ),
-              /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author),
-              testimonial.handle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: testimonial.handle })
-            ] })
-          ] }),
-          testimonial.twitterUrl && /* @__PURE__ */ jsx(
-            Pressable,
-            {
-              href: testimonial.twitterUrl,
-              className: "text-muted-foreground transition-colors hover:text-foreground",
-              "aria-label": "View on Twitter",
-              children: /* @__PURE__ */ jsx(DynamicIcon, { name: "simple-icons/x", size: 18 })
-            }
-          )
-        ] }),
-        testimonial.content && (typeof testimonial.content === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed", children: testimonial.content }) : testimonial.content)
-      ] }) }, index);
-    }) });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
+        children: testimonials.map((testimonial, index) => {
+          const authorName = getAuthorName(testimonial);
+          return /* @__PURE__ */ jsx(Card, { className: cn("group", cardClassName), children: /* @__PURE__ */ jsxs(CardContent, { className: cn("p-6", cardContentClassName), children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "mb-4 flex items-start justify-between",
+                  authorClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
+                      /* @__PURE__ */ jsx(
+                        AvatarImage,
+                        {
+                          src: testimonial.avatarSrc,
+                          alt: authorName
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("p", { className: "font-medium leading-none", children: testimonial.author }) : testimonial.author),
+                      testimonial.handle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: testimonial.handle })
+                    ] })
+                  ] }),
+                  testimonial.twitterUrl && /* @__PURE__ */ jsx(
+                    Pressable,
+                    {
+                      href: testimonial.twitterUrl,
+                      className: "text-muted-foreground transition-colors hover:text-foreground",
+                      "aria-label": "View on Twitter",
+                      children: /* @__PURE__ */ jsx(DynamicIcon, { name: "simple-icons/x", size: 18 })
+                    }
+                  )
+                ]
+              }
+            ),
+            testimonial.content && (typeof testimonial.content === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed", children: testimonial.content }) : testimonial.content)
+          ] }) }, index);
+        })
+      }
+    );
   };
   return /* @__PURE__ */ jsxs(
     Section,
@@ -1087,10 +1106,34 @@ function TestimonialsTwitterCards({
       patternOpacity,
       className,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-semibold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mt-4 text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+            ]
+          }
+        ),
         renderTestimonials()
       ]
     }