@opensite/ui 0.4.1 → 0.4.3

package/dist/testimonials-quote-carousel.js

@@ -1093,6 +1093,7 @@ var Section = React4__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -1112,7 +1113,7 @@ var Section = React4__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1230,34 +1231,64 @@ function TestimonialsQuoteCarousel({
               CarouselItem,
               {
                 className: "pl-4 md:basis-1/2 lg:basis-1/3",
-                children: /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col rounded-xl border bg-background p-6 shadow-sm transition-all hover:shadow-md", cardClassName), children: [
-                  /* @__PURE__ */ jsx("div", { className: "mb-4 font-serif text-4xl text-primary", children: "\u201C" }),
-                  /* @__PURE__ */ jsx("blockquote", { className: "mb-6 flex-1", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm leading-relaxed", quoteClassName), children: testimonial.quote }) : /* @__PURE__ */ jsx("div", { className: quoteClassName, children: testimonial.quote })) }),
-                  /* @__PURE__ */ jsxs("div", { className: cn("mt-auto flex items-center gap-3", authorClassName), children: [
-                    /* @__PURE__ */ jsxs(Avatar, { className: "size-10", children: [
-                      /* @__PURE__ */ jsx(
-                        AvatarImage,
+                children: /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex h-full flex-col rounded-xl border bg-background p-6 shadow-sm transition-all hover:shadow-md",
+                      cardClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "mb-4 font-serif text-4xl text-primary", children: "\u201C" }),
+                      /* @__PURE__ */ jsx("blockquote", { className: "mb-6 flex-1", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsx(
+                        "p",
                         {
-                          src: avatarSrc,
-                          alt: authorName
+                          className: cn(
+                            "text-sm leading-relaxed",
+                            quoteClassName
+                          ),
+                          children: testimonial.quote
                         }
-                      ),
-                      /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "text-left", 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)
-                    ] })
-                  ] })
-                ] })
+                      ) : /* @__PURE__ */ jsx("div", { className: quoteClassName, children: testimonial.quote })) }),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: cn(
+                            "mt-auto 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", { className: "text-left", 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__ */ jsxs("div", { className: cn("mt-8 flex justify-center gap-2", navigationClassName), children: [
-            /* @__PURE__ */ jsx(CarouselPrevious, { className: "static translate-y-0" }),
-            /* @__PURE__ */ jsx(CarouselNext, { className: "static translate-y-0" })
-          ] })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "mt-8 flex justify-center gap-2",
+                navigationClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsx(CarouselPrevious, { className: "static translate-y-0" }),
+                /* @__PURE__ */ jsx(CarouselNext, { className: "static translate-y-0" })
+              ]
+            }
+          )
         ]
       }
     ) });
@@ -1271,10 +1302,34 @@ function TestimonialsQuoteCarousel({
       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: renderHeading() }) : /* @__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: renderHeading()
+                }
+              ) : /* @__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-scrolling-columns.cjs

@@ -463,6 +463,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -482,7 +483,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -703,7 +704,10 @@ function TestimonialsScrollingColumns({
     return /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
-        className: cn("grid gap-8 md:grid-cols-2 lg:grid-cols-3", gridClassName),
+        className: cn(
+          "grid gap-8 md:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
         variants: containerVariants,
         initial: "hidden",
         whileInView: "visible",
@@ -713,7 +717,10 @@ function TestimonialsScrollingColumns({
           return /* @__PURE__ */ jsxRuntime.jsxs(
             framerMotion.motion.div,
             {
-              className: cn("relative overflow-hidden rounded-lg bg-card shadow-sm", cardClassName),
+              className: cn(
+                "relative overflow-hidden rounded-lg bg-card shadow-sm",
+                cardClassName
+              ),
               variants: itemVariants,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
@@ -737,9 +744,19 @@ function TestimonialsScrollingColumns({
                       className: "mb-4 text-white/40"
                     }
                   ),
-                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: cn("text-base font-medium leading-relaxed", quoteClassName), children: testimonial.quote }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
+                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "blockquote",
+                    {
+                      className: cn(
+                        "text-base font-medium leading-relaxed",
+                        quoteClassName
+                      ),
+                      children: testimonial.quote
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
                   /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "font-semibold", children: [
-                    "\u2014 ",
+                    "\u2014",
+                    " ",
                     testimonial.author && (typeof testimonial.author === "string" ? testimonial.author : null),
                     testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-1 text-white/60", children: [
                       ", ",
@@ -764,10 +781,34 @@ function TestimonialsScrollingColumns({
       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-scrolling-columns.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, O as OptixFlowConfig } 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 TestimonialsScrollingColumnsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-scrolling-columns.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, O as OptixFlowConfig } 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 TestimonialsScrollingColumnsProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-scrolling-columns.js

@@ -442,6 +442,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -461,7 +462,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -682,7 +683,10 @@ function TestimonialsScrollingColumns({
     return /* @__PURE__ */ jsx(
       motion.div,
       {
-        className: cn("grid gap-8 md:grid-cols-2 lg:grid-cols-3", gridClassName),
+        className: cn(
+          "grid gap-8 md:grid-cols-2 lg:grid-cols-3",
+          gridClassName
+        ),
         variants: containerVariants,
         initial: "hidden",
         whileInView: "visible",
@@ -692,7 +696,10 @@ function TestimonialsScrollingColumns({
           return /* @__PURE__ */ jsxs(
             motion.div,
             {
-              className: cn("relative overflow-hidden rounded-lg bg-card shadow-sm", cardClassName),
+              className: cn(
+                "relative overflow-hidden rounded-lg bg-card shadow-sm",
+                cardClassName
+              ),
               variants: itemVariants,
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -716,9 +723,19 @@ function TestimonialsScrollingColumns({
                       className: "mb-4 text-white/40"
                     }
                   ),
-                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsx("blockquote", { className: cn("text-base font-medium leading-relaxed", quoteClassName), children: testimonial.quote }) : /* @__PURE__ */ jsx("div", { className: quoteClassName, children: testimonial.quote })),
+                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsx(
+                    "blockquote",
+                    {
+                      className: cn(
+                        "text-base font-medium leading-relaxed",
+                        quoteClassName
+                      ),
+                      children: testimonial.quote
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: quoteClassName, children: testimonial.quote })),
                   /* @__PURE__ */ jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxs("p", { className: "font-semibold", children: [
-                    "\u2014 ",
+                    "\u2014",
+                    " ",
                     testimonial.author && (typeof testimonial.author === "string" ? testimonial.author : null),
                     testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxs("span", { className: "ml-1 text-white/60", children: [
                       ", ",
@@ -743,10 +760,34 @@ function TestimonialsScrollingColumns({
       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-simple-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
             }
           ),
@@ -557,20 +558,23 @@ function TestimonialsSimpleGrid({
       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-6 text-sm leading-relaxed text-muted-foreground", quoteClassName), children: [
-          "\u201C",
-          testimonial.quote,
-          "\u201D"
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote })),
+        testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "p",
+          {
+            className: cn(
+              "mb-6 text-sm leading-relaxed text-muted-foreground",
+              quoteClassName
+            ),
+            children: [
+              "\u201C",
+              testimonial.quote,
+              "\u201D"
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote })),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              AvatarImage,
-              {
-                src: avatarSrc,
-                alt: authorName
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
             /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -593,10 +597,34 @@ function TestimonialsSimpleGrid({
       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-simple-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';
@@ -72,7 +71,7 @@ interface TestimonialsSimpleGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-simple-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';
@@ -72,7 +71,7 @@ interface TestimonialsSimpleGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/testimonials-simple-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
             }
           ),
@@ -532,20 +533,23 @@ function TestimonialsSimpleGrid({
       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-6 text-sm leading-relaxed text-muted-foreground", quoteClassName), children: [
-          "\u201C",
-          testimonial.quote,
-          "\u201D"
-        ] }) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote })),
+        testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs(
+          "p",
+          {
+            className: cn(
+              "mb-6 text-sm leading-relaxed text-muted-foreground",
+              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,
-              {
-                src: avatarSrc,
-                alt: authorName
-              }
-            ),
+            /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
             /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
@@ -568,10 +572,34 @@ function TestimonialsSimpleGrid({
       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()
       ]
     }