@opensite/ui 2.8.5 → 2.8.6

package/dist/testimonials-centered-avatars.cjs

@@ -504,7 +504,8 @@ function TestimonialsCenteredAvatars({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -512,46 +513,62 @@ function TestimonialsCenteredAvatars({
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = React.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
   const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 space-y-8", testimonialsClassName), children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn("space-y-4", testimonialItemClassName),
-        children: [
-          testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "blockquote",
-            {
-              className: cn(
-                "text-lg leading-relaxed text-muted-foreground md:text-xl",
-                quoteClassName
-              ),
-              children: [
-                "\u201C",
-                testimonial.quote,
-                "\u201D"
-              ]
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authorClassName, children: [
-            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-            (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
-              testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
-            ] })
-          ] })
-        ]
-      },
-      index
-    )) });
-  }, [testimonialsSlot, testimonialsClassName, testimonials, testimonialItemClassName, quoteClassName, authorClassName]);
+        className: cn("mt-12 space-y-8 md:space-y-12", testimonialsClassName),
+        children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("space-y-4", testimonialItemClassName),
+            children: [
+              testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "blockquote",
+                {
+                  className: cn(
+                    "text-lg leading-relaxed md:text-xl text-balance",
+                    quoteClassName
+                  ),
+                  children: [
+                    "\u201C",
+                    testimonial.quote,
+                    "\u201D"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authorClassName, children: [
+                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
+                (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-75", children: [
+                  testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
+                  testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
+                ] })
+              ] })
+            ]
+          },
+          index
+        ))
+      }
+    );
+  }, [
+    testimonialsSlot,
+    testimonialsClassName,
+    testimonials,
+    testimonialItemClassName,
+    quoteClassName,
+    authorClassName
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -560,35 +577,45 @@ function TestimonialsCenteredAvatars({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-        badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", badgeClassName), children: badge })),
-        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 })),
-        testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center", avatarsClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex -space-x-4", children: testimonials.map((testimonial, index) => {
-          const authorName = getAuthorName(testimonial);
-          const avatarSrc = getAvatarSrc(testimonial);
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            Avatar,
-            {
-              className: "size-16 border-4 border-background ring-2 ring-border md:size-20",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
-              ]
-            },
-            index
-          );
-        }) }) }),
-        renderedTestimonials
-      ] })
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6",
+            contentClassName
+          ),
+          children: [
+            badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: badgeClassName, children: badge }) : badge),
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "text-2xl font-semibold tracking-tight md:text-4xl lg:text-6xl text-balance",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+            testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center", avatarsClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex -space-x-4", children: testimonials.map((testimonial, index) => {
+              const authorName = getAuthorName(testimonial);
+              const avatarSrc = getAvatarSrc(testimonial);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                Avatar,
+                {
+                  className: "relative flex shrink-0 overflow-hidden rounded-full size-16 ring-4 ring-primary md:size-20 shadow-xl",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
+                  ]
+                },
+                index
+              );
+            }) }) }),
+            renderedTestimonials
+          ]
+        }
+      )
     }
   );
 }

package/dist/testimonials-centered-avatars.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
-import { T as TestimonialItem } from './blocks-D1hqLk46.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { T as TestimonialItem } from './blocks-BtDAbw8d.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -76,6 +76,10 @@ interface TestimonialsCenteredAvatarsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * TestimonialsCenteredAvatars - A centered testimonial section featuring a badge,
@@ -103,6 +107,6 @@ interface TestimonialsCenteredAvatarsProps {
  * />
  * ```
  */
-declare function TestimonialsCenteredAvatars({ testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
+declare function TestimonialsCenteredAvatars({ testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
 
 export { TestimonialsCenteredAvatars, type TestimonialsCenteredAvatarsProps };

package/dist/testimonials-centered-avatars.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
-import { T as TestimonialItem } from './blocks-kcru1Ogu.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
+import { T as TestimonialItem } from './blocks-BlWXj9GI.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -76,6 +76,10 @@ interface TestimonialsCenteredAvatarsProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * TestimonialsCenteredAvatars - A centered testimonial section featuring a badge,
@@ -103,6 +107,6 @@ interface TestimonialsCenteredAvatarsProps {
  * />
  * ```
  */
-declare function TestimonialsCenteredAvatars({ testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
+declare function TestimonialsCenteredAvatars({ testimonials, testimonialsSlot, badge, heading, className, contentClassName, badgeClassName, headingClassName, avatarsClassName, testimonialsClassName, testimonialItemClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCenteredAvatarsProps): React.JSX.Element;
 
 export { TestimonialsCenteredAvatars, type TestimonialsCenteredAvatarsProps };

package/dist/testimonials-centered-avatars.js

@@ -479,7 +479,8 @@ function TestimonialsCenteredAvatars({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -487,46 +488,62 @@ function TestimonialsCenteredAvatars({
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
   const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("mt-12 space-y-8", testimonialsClassName), children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        className: cn("space-y-4", testimonialItemClassName),
-        children: [
-          testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs(
-            "blockquote",
-            {
-              className: cn(
-                "text-lg leading-relaxed text-muted-foreground md:text-xl",
-                quoteClassName
-              ),
-              children: [
-                "\u201C",
-                testimonial.quote,
-                "\u201D"
-              ]
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: quoteClassName, children: testimonial.quote })),
-          /* @__PURE__ */ jsxs("div", { className: authorClassName, children: [
-            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-            (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
-              testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
-            ] })
-          ] })
-        ]
-      },
-      index
-    )) });
-  }, [testimonialsSlot, testimonialsClassName, testimonials, testimonialItemClassName, quoteClassName, authorClassName]);
+        className: cn("mt-12 space-y-8 md:space-y-12", testimonialsClassName),
+        children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("space-y-4", testimonialItemClassName),
+            children: [
+              testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxs(
+                "blockquote",
+                {
+                  className: cn(
+                    "text-lg leading-relaxed md:text-xl text-balance",
+                    quoteClassName
+                  ),
+                  children: [
+                    "\u201C",
+                    testimonial.quote,
+                    "\u201D"
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: quoteClassName, children: testimonial.quote })),
+              /* @__PURE__ */ jsxs("div", { className: authorClassName, children: [
+                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
+                (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxs("p", { className: "text-sm opacity-75", children: [
+                  testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
+                  testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
+                ] })
+              ] })
+            ]
+          },
+          index
+        ))
+      }
+    );
+  }, [
+    testimonialsSlot,
+    testimonialsClassName,
+    testimonials,
+    testimonialItemClassName,
+    quoteClassName,
+    authorClassName
+  ]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -535,35 +552,45 @@ function TestimonialsCenteredAvatars({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-        badge && (typeof badge === "string" ? /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", badgeClassName), children: badge })),
-        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 })),
-        testimonials && testimonials.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-center", avatarsClassName), children: /* @__PURE__ */ jsx("div", { className: "flex -space-x-4", children: testimonials.map((testimonial, index) => {
-          const authorName = getAuthorName(testimonial);
-          const avatarSrc = getAvatarSrc(testimonial);
-          return /* @__PURE__ */ jsxs(
-            Avatar,
-            {
-              className: "size-16 border-4 border-background ring-2 ring-border md:size-20",
-              children: [
-                /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-                /* @__PURE__ */ jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
-              ]
-            },
-            index
-          );
-        }) }) }),
-        renderedTestimonials
-      ] })
+      containerClassName,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6",
+            contentClassName
+          ),
+          children: [
+            badge && (typeof badge === "string" ? /* @__PURE__ */ jsx(Badge, { className: badgeClassName, children: badge }) : badge),
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+              "h2",
+              {
+                className: cn(
+                  "text-2xl font-semibold tracking-tight md:text-4xl lg:text-6xl text-balance",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+            testimonials && testimonials.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-center", avatarsClassName), children: /* @__PURE__ */ jsx("div", { className: "flex -space-x-4", children: testimonials.map((testimonial, index) => {
+              const authorName = getAuthorName(testimonial);
+              const avatarSrc = getAvatarSrc(testimonial);
+              return /* @__PURE__ */ jsxs(
+                Avatar,
+                {
+                  className: "relative flex shrink-0 overflow-hidden rounded-full size-16 ring-4 ring-primary md:size-20 shadow-xl",
+                  children: [
+                    /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsx(AvatarFallback, { className: "text-lg", children: getInitials(authorName) })
+                  ]
+                },
+                index
+              );
+            }) }) }),
+            renderedTestimonials
+          ]
+        }
+      )
     }
   );
 }

package/dist/testimonials-company-logo.cjs

@@ -859,14 +859,14 @@ function TestimonialsCompanyLogo({
   const renderedTestimonial = React4.useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
     if (!testimonial) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", contentClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-12 md:space-y-16", contentClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "mdi/comment-quote-outline", size: 48 }),
         testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "blockquote",
           {
             className: cn(
-              "relative text-xl font-medium leading-relaxed md:text-2xl",
+              "relative text-lg font-light leading-relaxed md:text-2xl",
               quoteClassName
             ),
             children: testimonial.quote
@@ -884,15 +884,15 @@ function TestimonialsCompanyLogo({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-1 text-right", authorClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end", children: [
             testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: testimonial.role }) : testimonial.role)
+            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm opacity-75", children: testimonial.role }) : testimonial.role)
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: testimonial.linkConfig?.href,
-              className: "text-sm font-bold uppercase transition-all duration-300 hover:underline hover:underline-offset-4",
+              className: "cursor-pointer text-sm font-bold uppercase transition-all duration-500 hover:underline hover:underline-offset-4",
               children: testimonial.linkConfig?.label || "Learn more"
             }
           )
@@ -923,7 +923,7 @@ function TestimonialsCompanyLogo({
         "div",
         {
           className: cn(
-            "grid items-center gap-12 lg:gap-24 grid-cols-1 lg:grid-cols-2",
+            "grid items-center gap-16 lg:gap-24 grid-cols-1 lg:grid-cols-2",
             gridClassName
           ),
           children: [

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C3xYbyms.cjs';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
+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 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-o1TkNw2C.js';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
+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 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-company-logo.js

@@ -838,14 +838,14 @@ function TestimonialsCompanyLogo({
   const renderedTestimonial = useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
     if (!testimonial) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-8", contentClassName), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-12 md:space-y-16", contentClassName), children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ jsx(DynamicIcon, { name: "mdi/comment-quote-outline", size: 48 }),
         testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsx(
           "blockquote",
           {
             className: cn(
-              "relative text-xl font-medium leading-relaxed md:text-2xl",
+              "relative text-lg font-light leading-relaxed md:text-2xl",
               quoteClassName
             ),
             children: testimonial.quote
@@ -863,15 +863,15 @@ function TestimonialsCompanyLogo({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: cn("space-y-1 text-right", authorClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-x-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
             testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsx("span", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: testimonial.role }) : testimonial.role)
+            testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm opacity-75", children: testimonial.role }) : testimonial.role)
           ] }),
           /* @__PURE__ */ jsx(
             Pressable,
             {
               href: testimonial.linkConfig?.href,
-              className: "text-sm font-bold uppercase transition-all duration-300 hover:underline hover:underline-offset-4",
+              className: "cursor-pointer text-sm font-bold uppercase transition-all duration-500 hover:underline hover:underline-offset-4",
               children: testimonial.linkConfig?.label || "Learn more"
             }
           )
@@ -902,7 +902,7 @@ function TestimonialsCompanyLogo({
         "div",
         {
           className: cn(
-            "grid items-center gap-12 lg:gap-24 grid-cols-1 lg:grid-cols-2",
+            "grid items-center gap-16 lg:gap-24 grid-cols-1 lg:grid-cols-2",
             gridClassName
           ),
           children: [

package/dist/testimonials-grid-add-review.d.cts

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

package/dist/testimonials-grid-add-review.d.ts

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

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-C3xYbyms.cjs';
-import { O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { O as OptixFlowConfig } from './blocks-BtDAbw8d.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.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-o1TkNw2C.js';
-import { O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
+import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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-C3xYbyms.cjs';
-import { T as TestimonialItem } from './blocks-D1hqLk46.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { T as TestimonialItem } from './blocks-BtDAbw8d.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';