@opensite/ui 2.9.0 → 2.9.1

package/dist/testimonials-images-helpful.cjs

@@ -1000,10 +1000,10 @@ function TestimonialsImagesHelpful({
             review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: review.title }) : review.title)
           ] }),
           review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base md:text-lg leading-relaxed font-light", children: review.content }) : review.content),
-          review.images && review.images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-3", imagesClassName), children: review.images.map((image, imgIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+          review.images && review.images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap gap-4", imagesClassName), children: review.images.map((image, imgIndex) => /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: "size-20 cursor-pointer overflow-hidden rounded-lg sm:size-24 transition-transform duration-300 hover:scale-[1.03] shadow-sm hover:shadow-lg",
+              className: "size-20 cursor-pointer overflow-hidden rounded-lg sm:size-24 transition-transform duration-300 hover:scale-[1.03] shadow-lg hover:shadow-xl ring-4 ring-primary",
               onClick: () => handleImageClick(review.images, imgIndex),
               role: "button",
               tabIndex: 0,
@@ -1026,80 +1026,91 @@ function TestimonialsImagesHelpful({
             },
             imgIndex
           )) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center justify-between w-full"), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn("flex items-center gap-5", authorClassName),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12 ring-4 ring-primary shadow-lg", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-md", children: getInitials(authorName) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-0", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
-                      review.verified && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 18 }),
-                        verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
-                        !verifiedPurchaseLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Verified Purchase" })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-                      review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.date }),
-                      review.variant && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.variant })
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between w-full flex-col md:flex-row gap-4"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-5 w-full",
+                      authorClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12 ring-4 ring-primary shadow-lg", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                        /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-md", children: getInitials(authorName) })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-0", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-col md:flex-row", children: [
+                          review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
+                          review.verified && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 18 }),
+                            verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
+                            !verifiedPurchaseLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Verified Purchase" })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+                          review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.date }),
+                          review.variant && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.variant })
+                          ] })
+                        ] })
                       ] })
-                    ] })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                Pressable,
-                {
-                  asButton: true,
-                  variant: "ghost",
-                  size: "sm",
-                  className: cn(
-                    "h-8 gap-1.5",
-                    helpfulClicked.has(index) ? "text-foreground" : "text-muted-foreground"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    Pressable,
+                    {
+                      asButton: true,
+                      variant: "ghost",
+                      size: "sm",
+                      className: cn(
+                        "h-8 gap-1.5",
+                        helpfulClicked.has(index) ? "text-foreground" : "text-muted-foreground"
+                      ),
+                      onClick: () => handleHelpful(index),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          DynamicIcon,
+                          {
+                            name: "lucide/thumbs-up",
+                            size: 16,
+                            className: cn(
+                              helpfulClicked.has(index) && "fill-current"
+                            )
+                          }
+                        ),
+                        "Helpful",
+                        review.helpful !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                          "(",
+                          review.helpful + (helpfulClicked.has(index) ? 1 : 0),
+                          ")"
+                        ] })
+                      ]
+                    }
                   ),
-                  onClick: () => handleHelpful(index),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
-                      {
-                        name: "lucide/thumbs-up",
-                        size: 16,
-                        className: cn(
-                          helpfulClicked.has(index) && "fill-current"
-                        )
-                      }
-                    ),
-                    "Helpful",
-                    review.helpful !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                      "(",
-                      review.helpful + (helpfulClicked.has(index) ? 1 : 0),
-                      ")"
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Pressable,
-                {
-                  asButton: true,
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 text-muted-foreground",
-                  children: reportButtonLabel ?? "Report"
-                }
-              )
-            ] })
-          ] })
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      asButton: true,
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-8 text-muted-foreground",
+                      children: reportButtonLabel ?? "Report"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
         ] })
       ] }, index);
     }) });

package/dist/testimonials-images-helpful.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import { O as OptixFlowConfig } from './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
+import { O as OptixFlowConfig } from './blocks-BHN2zr-m.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-images-helpful.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DRaKD7ty.js';
+import { O as OptixFlowConfig } from './blocks-BoIji1A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-images-helpful.js

@@ -977,10 +977,10 @@ function TestimonialsImagesHelpful({
             review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-medium", children: review.title }) : review.title)
           ] }),
           review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsx("p", { className: "text-base md:text-lg leading-relaxed font-light", children: review.content }) : review.content),
-          review.images && review.images.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex gap-3", imagesClassName), children: review.images.map((image, imgIndex) => /* @__PURE__ */ jsx(
+          review.images && review.images.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-4", imagesClassName), children: review.images.map((image, imgIndex) => /* @__PURE__ */ jsx(
             "div",
             {
-              className: "size-20 cursor-pointer overflow-hidden rounded-lg sm:size-24 transition-transform duration-300 hover:scale-[1.03] shadow-sm hover:shadow-lg",
+              className: "size-20 cursor-pointer overflow-hidden rounded-lg sm:size-24 transition-transform duration-300 hover:scale-[1.03] shadow-lg hover:shadow-xl ring-4 ring-primary",
               onClick: () => handleImageClick(review.images, imgIndex),
               role: "button",
               tabIndex: 0,
@@ -1003,80 +1003,91 @@ function TestimonialsImagesHelpful({
             },
             imgIndex
           )) }),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between w-full"), children: [
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn("flex items-center gap-5", authorClassName),
-                children: [
-                  /* @__PURE__ */ jsxs(Avatar, { className: "size-12 ring-4 ring-primary shadow-lg", children: [
-                    /* @__PURE__ */ jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
-                    /* @__PURE__ */ jsx(AvatarFallback, { className: "text-md", children: getInitials(authorName) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-0", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: review.author }) : review.author),
-                      review.verified && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-                        /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/badge-check", size: 18 }),
-                        verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
-                        !verifiedPurchaseLabel && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Verified Purchase" })
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
-                      review.date && /* @__PURE__ */ jsx("span", { children: review.date }),
-                      review.variant && /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx("span", { children: "\xB7" }),
-                        /* @__PURE__ */ jsx("span", { children: review.variant })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-between w-full flex-col md:flex-row gap-4"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center gap-5 w-full",
+                      authorClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs(Avatar, { className: "size-12 ring-4 ring-primary shadow-lg", children: [
+                        /* @__PURE__ */ jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                        /* @__PURE__ */ jsx(AvatarFallback, { className: "text-md", children: getInitials(authorName) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-0", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-col md:flex-row", children: [
+                          review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: review.author }) : review.author),
+                          review.verified && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                            /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/badge-check", size: 18 }),
+                            verifiedPurchaseLabel && (typeof verifiedPurchaseLabel === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: verifiedPurchaseLabel }) : verifiedPurchaseLabel),
+                            !verifiedPurchaseLabel && /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Verified Purchase" })
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+                          review.date && /* @__PURE__ */ jsx("span", { children: review.date }),
+                          review.variant && /* @__PURE__ */ jsxs(Fragment, { children: [
+                            /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                            /* @__PURE__ */ jsx("span", { children: review.variant })
+                          ] })
+                        ] })
                       ] })
-                    ] })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxs(
-                Pressable,
-                {
-                  asButton: true,
-                  variant: "ghost",
-                  size: "sm",
-                  className: cn(
-                    "h-8 gap-1.5",
-                    helpfulClicked.has(index) ? "text-foreground" : "text-muted-foreground"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+                  /* @__PURE__ */ jsxs(
+                    Pressable,
+                    {
+                      asButton: true,
+                      variant: "ghost",
+                      size: "sm",
+                      className: cn(
+                        "h-8 gap-1.5",
+                        helpfulClicked.has(index) ? "text-foreground" : "text-muted-foreground"
+                      ),
+                      onClick: () => handleHelpful(index),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          DynamicIcon,
+                          {
+                            name: "lucide/thumbs-up",
+                            size: 16,
+                            className: cn(
+                              helpfulClicked.has(index) && "fill-current"
+                            )
+                          }
+                        ),
+                        "Helpful",
+                        review.helpful !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
+                          "(",
+                          review.helpful + (helpfulClicked.has(index) ? 1 : 0),
+                          ")"
+                        ] })
+                      ]
+                    }
                   ),
-                  onClick: () => handleHelpful(index),
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      DynamicIcon,
-                      {
-                        name: "lucide/thumbs-up",
-                        size: 16,
-                        className: cn(
-                          helpfulClicked.has(index) && "fill-current"
-                        )
-                      }
-                    ),
-                    "Helpful",
-                    review.helpful !== void 0 && /* @__PURE__ */ jsxs("span", { children: [
-                      "(",
-                      review.helpful + (helpfulClicked.has(index) ? 1 : 0),
-                      ")"
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Pressable,
-                {
-                  asButton: true,
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 text-muted-foreground",
-                  children: reportButtonLabel ?? "Report"
-                }
-              )
-            ] })
-          ] })
+                  /* @__PURE__ */ jsx(
+                    Pressable,
+                    {
+                      asButton: true,
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-8 text-muted-foreground",
+                      children: reportButtonLabel ?? "Report"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
         ] })
       ] }, index);
     }) });

package/dist/testimonials-large-quote.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import { T as TestimonialItem } from './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
+import { T as TestimonialItem } from './blocks-BHN2zr-m.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-large-quote.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import { T as TestimonialItem } from './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DRaKD7ty.js';
+import { T as TestimonialItem } from './blocks-BoIji1A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-list-verified.cjs

@@ -584,6 +584,7 @@ function TestimonialsListVerified({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-full md:max-w-3xl", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-12 md:mb-24 space-y-6", headerClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/testimonials-list-verified.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
+import './blocks-BHN2zr-m.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/testimonials-list-verified.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DRaKD7ty.js';
+import './blocks-BoIji1A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 import 'react/jsx-runtime';

package/dist/testimonials-list-verified.js

@@ -561,6 +561,7 @@ function TestimonialsListVerified({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-full md:max-w-3xl", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mb-12 md:mb-24 space-y-6", headerClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(

package/dist/testimonials-logo-cards.cjs

@@ -558,7 +558,7 @@ function TestimonialsLogoCards({
                     src: testimonial.companyLogo,
                     alt: testimonial.companyLogoAlt || "Company logo",
                     className: cn(
-                      index === 0 ? "h-10" : "h-5",
+                      index === 0 ? "h-10" : "h-10 md:h-5",
                       "w-auto object-contain"
                     ),
                     optixFlowConfig
@@ -576,8 +576,8 @@ function TestimonialsLogoCards({
                         "blockquote",
                         {
                           className: cn(
-                            "leading-relaxed",
-                            index === 0 ? "text-lg md:text-xl font-light" : "text-sm md:text-base",
+                            "leading-relaxed font-light",
+                            index === 0 ? "text-base md:text-xl" : "text-base md:text-base",
                             quoteClassName
                           ),
                           children: testimonial.quote
@@ -599,7 +599,7 @@ function TestimonialsLogoCards({
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                           testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("cite", { className: "text-sm md:text-base font-medium", children: testimonial.author }) : testimonial.author),
-                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs md:text-sm", children: testimonial.role }) : testimonial.role)
+                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-75 font-semibold", children: testimonial.role }) : testimonial.role)
                         ] })
                       ] })
                     ]
@@ -639,7 +639,10 @@ function TestimonialsLogoCards({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            className: cn(
+              "mx-auto mb-12 max-w-full md:max-w-2xl text-center",
+              headerClassName
+            ),
             children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BHN2zr-m.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DRaKD7ty.js';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BoIji1A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-logo-cards.js

@@ -533,7 +533,7 @@ function TestimonialsLogoCards({
                     src: testimonial.companyLogo,
                     alt: testimonial.companyLogoAlt || "Company logo",
                     className: cn(
-                      index === 0 ? "h-10" : "h-5",
+                      index === 0 ? "h-10" : "h-10 md:h-5",
                       "w-auto object-contain"
                     ),
                     optixFlowConfig
@@ -551,8 +551,8 @@ function TestimonialsLogoCards({
                         "blockquote",
                         {
                           className: cn(
-                            "leading-relaxed",
-                            index === 0 ? "text-lg md:text-xl font-light" : "text-sm md:text-base",
+                            "leading-relaxed font-light",
+                            index === 0 ? "text-base md:text-xl" : "text-base md:text-base",
                             quoteClassName
                           ),
                           children: testimonial.quote
@@ -574,7 +574,7 @@ function TestimonialsLogoCards({
                         ),
                         /* @__PURE__ */ jsxs("div", { children: [
                           testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("cite", { className: "text-sm md:text-base font-medium", children: testimonial.author }) : testimonial.author),
-                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs md:text-sm", children: testimonial.role }) : testimonial.role)
+                          testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm opacity-75 font-semibold", children: testimonial.role }) : testimonial.role)
                         ] })
                       ] })
                     ]
@@ -614,7 +614,10 @@ function TestimonialsLogoCards({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: cn("mx-auto mb-12 max-w-2xl text-center", headerClassName),
+            className: cn(
+              "mx-auto mb-12 max-w-full md:max-w-2xl text-center",
+              headerClassName
+            ),
             children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h2",

package/dist/testimonials-marquee.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
-import { T as TestimonialItem } from './blocks-BtDAbw8d.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
+import { T as TestimonialItem } from './blocks-BHN2zr-m.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-Dk2BrJ5f.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-marquee.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
-import { T as TestimonialItem } from './blocks-BlWXj9GI.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DRaKD7ty.js';
+import { T as TestimonialItem } from './blocks-BoIji1A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-Dk2BrJ5f.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';