@opensite/ui 0.4.1 → 0.4.3

package/dist/testimonials-marquee.js

@@ -403,6 +403,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -422,7 +423,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -549,27 +550,36 @@ function TestimonialsMarquee({
                   {
                     className: cn("w-80 shrink-0", cardClassName),
                     children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
-                      testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs("p", { className: cn("mb-4 text-sm leading-relaxed", quoteClassName), children: [
-                        "\u201C",
-                        testimonial.quote,
-                        "\u201D"
-                      ] }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
-                      /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-                        /* @__PURE__ */ jsxs(Avatar, { className: "size-9", children: [
-                          /* @__PURE__ */ jsx(
-                            AvatarImage,
-                            {
-                              src: avatarSrc,
-                              alt: authorName
-                            }
+                      testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs(
+                        "p",
+                        {
+                          className: cn(
+                            "mb-4 text-sm leading-relaxed",
+                            quoteClassName
                           ),
-                          /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", 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)
-                        ] })
-                      ] })
+                          children: [
+                            "\u201C",
+                            testimonial.quote,
+                            "\u201D"
+                          ]
+                        }
+                      ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: cn("flex items-center gap-3", authorClassName),
+                          children: [
+                            /* @__PURE__ */ jsxs(Avatar, { className: "size-9", children: [
+                              /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                              /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", 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
@@ -591,8 +601,26 @@ function TestimonialsMarquee({
       className: cn("overflow-hidden", className),
       children: [
         /* @__PURE__ */ jsx("div", { className: cn("mb-12", headerClassName), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", 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 }))
+          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(),
         /* @__PURE__ */ jsx("style", { children: `

package/dist/testimonials-masonry-grid.cjs

@@ -428,6 +428,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -447,7 +448,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -560,33 +561,51 @@ function TestimonialsMasonryGrid({
   };
   const renderTestimonials = () => {
     if (testimonialsSlot) return testimonialsSlot;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-4 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: column.map((testimonial, index) => {
-      const authorName = getAuthorName(testimonial);
-      const avatarSrc = getAvatarSrc(testimonial);
-      return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
-        testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("mb-4 text-sm leading-relaxed", quoteClassName), children: [
-          "\u201C",
-          testimonial.quote,
-          "\u201D"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-9", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              AvatarImage,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
+        children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: column.map((testimonial, index) => {
+          const authorName = getAuthorName(testimonial);
+          const avatarSrc = getAvatarSrc(testimonial);
+          return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
+            testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+              "p",
               {
-                src: avatarSrc,
-                alt: authorName
+                className: cn(
+                  "mb-4 text-sm leading-relaxed",
+                  quoteClassName
+                ),
+                children: [
+                  "\u201C",
+                  testimonial.quote,
+                  "\u201D"
+                ]
               }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
-          ] })
-        ] })
-      ] }) }, index);
-    }) }, columnIndex)) });
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn("flex items-center gap-3", authorClassName),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-9", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                  ] })
+                ]
+              }
+            )
+          ] }) }, index);
+        }) }, columnIndex))
+      }
+    );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -597,10 +616,34 @@ function TestimonialsMasonryGrid({
       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-masonry-grid.d.cts

@@ -1,9 +1,8 @@
 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 { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -68,7 +67,7 @@ interface TestimonialsMasonryGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-masonry-grid.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';
@@ -68,7 +67,7 @@ interface TestimonialsMasonryGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-masonry-grid.js

@@ -403,6 +403,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -422,7 +423,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -535,33 +536,51 @@ function TestimonialsMasonryGrid({
   };
   const renderTestimonials = () => {
     if (testimonialsSlot) return testimonialsSlot;
-    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-4 md:grid-cols-2 lg:grid-cols-3", gridClassName), children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx("div", { className: "space-y-4", children: column.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: [
-        testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs("p", { className: cn("mb-4 text-sm leading-relaxed", quoteClassName), children: [
-          "\u201C",
-          testimonial.quote,
-          "\u201D"
-        ] }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-          /* @__PURE__ */ jsxs(Avatar, { className: "size-9", children: [
-            /* @__PURE__ */ jsx(
-              AvatarImage,
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
+        children: columns.map((column, columnIndex) => /* @__PURE__ */ jsx("div", { className: "space-y-4", children: column.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: [
+            testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs(
+              "p",
               {
-                src: avatarSrc,
-                alt: authorName
+                className: cn(
+                  "mb-4 text-sm leading-relaxed",
+                  quoteClassName
+                ),
+                children: [
+                  "\u201C",
+                  testimonial.quote,
+                  "\u201D"
+                ]
               }
-            ),
-            /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", 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);
-    }) }, columnIndex)) });
+            ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", quoteClassName), children: testimonial.quote })),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn("flex items-center gap-3", authorClassName),
+                children: [
+                  /* @__PURE__ */ jsxs(Avatar, { className: "size-9", children: [
+                    /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsx(AvatarFallback, { className: "text-xs", 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);
+        }) }, columnIndex))
+      }
+    );
   };
   return /* @__PURE__ */ jsxs(
     Section,
@@ -572,10 +591,34 @@ function TestimonialsMasonryGrid({
       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()
       ]
     }

package/dist/testimonials-mini-dividers.cjs

@@ -508,6 +508,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -527,7 +528,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -640,46 +641,64 @@ function TestimonialsMiniDividers({
   };
   const renderTestimonials = () => {
     if (testimonialsSlot) return testimonialsSlot;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid divide-y sm:grid-cols-2 sm:divide-x sm:divide-y-0 lg:grid-cols-3 lg:divide-x", gridClassName), children: testimonials.map((testimonial, index) => {
-      const authorName = getAuthorName(testimonial);
-      const avatarSrc = getAvatarSrc(testimonial);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "p-6",
-            index >= 2 && "lg:border-t-0",
-            index >= 3 && "sm:border-t lg:border-t-0",
-            itemClassName
-          ),
-          children: [
-            testimonial.rating && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: testimonial.rating }),
-            testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("mt-3 text-sm leading-relaxed", quoteClassName), children: [
-              "\u201C",
-              testimonial.quote,
-              "\u201D"
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-3", quoteClassName), children: testimonial.quote })),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-4 flex items-center gap-3", authorClassName), children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  AvatarImage,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "grid divide-y sm:grid-cols-2 sm:divide-x sm:divide-y-0 lg:grid-cols-3 lg:divide-x",
+          gridClassName
+        ),
+        children: testimonials.map((testimonial, index) => {
+          const authorName = getAuthorName(testimonial);
+          const avatarSrc = getAvatarSrc(testimonial);
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "p-6",
+                index >= 2 && "lg:border-t-0",
+                index >= 3 && "sm:border-t lg:border-t-0",
+                itemClassName
+              ),
+              children: [
+                testimonial.rating && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: testimonial.rating }),
+                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                  "p",
                   {
-                    src: avatarSrc,
-                    alt: authorName
+                    className: cn(
+                      "mt-3 text-sm leading-relaxed",
+                      quoteClassName
+                    ),
+                    children: [
+                      "\u201C",
+                      testimonial.quote,
+                      "\u201D"
+                    ]
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
-              ] })
-            ] })
-          ]
-        },
-        index
-      );
-    }) });
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-3", quoteClassName), children: testimonial.quote })),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn("mt-4 flex items-center gap-3", authorClassName),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
+                        testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            },
+            index
+          );
+        })
+      }
+    );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -690,10 +709,34 @@ function TestimonialsMiniDividers({
       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-mini-dividers.d.cts

@@ -1,9 +1,8 @@
 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 { T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -77,7 +76,7 @@ interface TestimonialsMiniDividersProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-mini-dividers.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';
@@ -77,7 +76,7 @@ interface TestimonialsMiniDividersProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */