@opensite/ui 2.8.6 → 2.8.7

package/dist/testimonials-animated-split.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-C3xYbyms.cjs';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-animated-split.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-o1TkNw2C.js';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-bento-grid.cjs

@@ -1021,7 +1021,7 @@ function TestimonialsBentoGrid({
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0 leading-tight", children: [
                       testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: testimonial.role }) : testimonial.role),
+                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: testimonial.role }) : testimonial.role),
                       testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
                         Pressable,
                         {

package/dist/testimonials-bento-grid.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-C3xYbyms.cjs';
+import { T as TestimonialItem } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-bento-grid.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-o1TkNw2C.js';
+import { T as TestimonialItem } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-bento-grid.js

@@ -999,7 +999,7 @@ function TestimonialsBentoGrid({
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-0 leading-tight", 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),
+                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs", children: testimonial.role }) : testimonial.role),
                       testimonial.linkConfig?.href && /* @__PURE__ */ jsx(
                         Pressable,
                         {

package/dist/testimonials-carousel-image.cjs

@@ -847,6 +847,7 @@ function TestimonialsCarouselImage({
   className,
   contentClassName,
   quoteIconClassName,
+  logoClassName,
   quoteClassName,
   authorClassName,
   navigationClassName,
@@ -854,7 +855,7 @@ function TestimonialsCarouselImage({
   dotsClassName,
   optixFlowConfig,
   background,
-  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10",
+  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 h-full",
   spacing = "none",
   pattern,
   patternOpacity
@@ -912,7 +913,18 @@ function TestimonialsCarouselImage({
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          current?.logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: current.logoSrc,
+              alt: typeof current.company === "string" ? `${current.company} logo` : typeof current.author === "string" ? `${current.author} company logo` : "Company logo",
+              className: cn(
+                "mx-auto mb-6 max-h-12 max-w-32 object-contain md:max-h-16 md:max-w-48",
+                logoClassName
+              ),
+              optixFlowConfig
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
               name: "mdi/comment-quote-outline",
@@ -970,6 +982,8 @@ function TestimonialsCarouselImage({
     testimonialsSlot,
     contentClassName,
     quoteIconClassName,
+    logoClassName,
+    optixFlowConfig,
     current,
     quoteClassName,
     authorClassName

package/dist/testimonials-carousel-image.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-C3xYbyms.cjs';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -53,6 +53,10 @@ interface TestimonialsCarouselImageProps {
      * Additional CSS classes for the quote icon
      */
     quoteIconClassName?: string;
+    /**
+     * Additional CSS classes for the company logo
+     */
+    logoClassName?: string;
     /**
      * Additional CSS classes for the quote text
      */
@@ -126,6 +130,6 @@ interface TestimonialsCarouselImageProps {
  * />
  * ```
  */
-declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
+declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
 
 export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };

package/dist/testimonials-carousel-image.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-o1TkNw2C.js';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -53,6 +53,10 @@ interface TestimonialsCarouselImageProps {
      * Additional CSS classes for the quote icon
      */
     quoteIconClassName?: string;
+    /**
+     * Additional CSS classes for the company logo
+     */
+    logoClassName?: string;
     /**
      * Additional CSS classes for the quote text
      */
@@ -126,6 +130,6 @@ interface TestimonialsCarouselImageProps {
  * />
  * ```
  */
-declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
+declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
 
 export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };

package/dist/testimonials-carousel-image.js

@@ -826,6 +826,7 @@ function TestimonialsCarouselImage({
   className,
   contentClassName,
   quoteIconClassName,
+  logoClassName,
   quoteClassName,
   authorClassName,
   navigationClassName,
@@ -833,7 +834,7 @@ function TestimonialsCarouselImage({
   dotsClassName,
   optixFlowConfig,
   background,
-  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10",
+  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 h-full",
   spacing = "none",
   pattern,
   patternOpacity
@@ -891,7 +892,18 @@ function TestimonialsCarouselImage({
           contentClassName
         ),
         children: [
-          /* @__PURE__ */ jsx(
+          current?.logoSrc ? /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: current.logoSrc,
+              alt: typeof current.company === "string" ? `${current.company} logo` : typeof current.author === "string" ? `${current.author} company logo` : "Company logo",
+              className: cn(
+                "mx-auto mb-6 max-h-12 max-w-32 object-contain md:max-h-16 md:max-w-48",
+                logoClassName
+              ),
+              optixFlowConfig
+            }
+          ) : /* @__PURE__ */ jsx(
             DynamicIcon,
             {
               name: "mdi/comment-quote-outline",
@@ -949,6 +961,8 @@ function TestimonialsCarouselImage({
     testimonialsSlot,
     contentClassName,
     quoteIconClassName,
+    logoClassName,
+    optixFlowConfig,
     current,
     quoteClassName,
     authorClassName

package/dist/testimonials-centered-avatars.cjs

@@ -582,7 +582,7 @@ function TestimonialsCenteredAvatars({
         "div",
         {
           className: cn(
-            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6",
+            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6 bg-card/50 px-10 py-20 shadow-xl border border-border/50 rounded-3xl backdrop-blur-md",
             contentClassName
           ),
           children: [

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

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

package/dist/testimonials-centered-avatars.js

@@ -557,7 +557,7 @@ function TestimonialsCenteredAvatars({
         "div",
         {
           className: cn(
-            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6",
+            "mx-auto max-w-full md:max-w-md text-center flex flex-col items-center gap-6 bg-card/50 px-10 py-20 shadow-xl border border-border/50 rounded-3xl backdrop-blur-md",
             contentClassName
           ),
           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-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-C3xYbyms.cjs';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-D1hqLk46.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.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-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-o1TkNw2C.js';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-kcru1Ogu.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/testimonials-grid-add-review.cjs

@@ -45,6 +45,23 @@ var DynamicIcon = React__namespace.memo(function DynamicIcon2({
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
+function StarRating({
+  rating,
+  size = 18,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-0.5", className), children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
+    DynamicIcon,
+    {
+      name: "icon-park-solid/star",
+      size,
+      className: cn(
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
+      )
+    },
+    star
+  )) });
+}
 function Avatar({
   className,
   ...props
@@ -489,19 +506,6 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-function StarRating({ rating, size = 16 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
-    DynamicIcon,
-    {
-      name: "lucide/star",
-      size,
-      className: cn(
-        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
-      )
-    },
-    star
-  )) });
-}
 function TestimonialsGridAddReview({
   reviews,
   reviewsSlot,
@@ -548,21 +552,27 @@ function TestimonialsGridAddReview({
                 addReviewCardClassName
               ),
               onClick: onAddReview,
-              children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn(
-                "flex flex-col items-center gap-3 py-12 text-center",
-                getNestedCardTextColor(background)
-              ), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/plus",
-                    size: 24,
-                    className: "text-primary"
-                  }
-                ) }),
-                addReviewText && (typeof addReviewText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: addReviewText }) : addReviewText),
-                addReviewSubtext && (typeof addReviewSubtext === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: addReviewSubtext }) : addReviewSubtext)
-              ] })
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                CardContent,
+                {
+                  className: cn(
+                    "flex flex-col items-center gap-3 py-12 text-center",
+                    getNestedCardTextColor(background)
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/plus",
+                        size: 24,
+                        className: "text-primary"
+                      }
+                    ) }),
+                    addReviewText && (typeof addReviewText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: addReviewText }) : addReviewText),
+                    addReviewSubtext && (typeof addReviewSubtext === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: addReviewSubtext }) : addReviewSubtext)
+                  ]
+                }
+              )
             }
           ),
           reviews?.map((review, index) => {
@@ -582,7 +592,19 @@ function TestimonialsGridAddReview({
         ]
       }
     );
-  }, [reviewsSlot, gridClassName, addReviewCardClassName, onAddReview, addReviewText, addReviewSubtext, reviews, cardClassName, authorClassName, getAuthorName, getInitials]);
+  }, [
+    reviewsSlot,
+    gridClassName,
+    addReviewCardClassName,
+    onAddReview,
+    addReviewText,
+    addReviewSubtext,
+    reviews,
+    cardClassName,
+    authorClassName,
+    getAuthorName,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

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

package/dist/testimonials-grid-add-review.js

@@ -23,6 +23,23 @@ var DynamicIcon = React.memo(function DynamicIcon2({
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
 });
 DynamicIcon.displayName = "DynamicIcon";
+function StarRating({
+  rating,
+  size = 18,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-0.5", className), children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
+    DynamicIcon,
+    {
+      name: "icon-park-solid/star",
+      size,
+      className: cn(
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
+      )
+    },
+    star
+  )) });
+}
 function Avatar({
   className,
   ...props
@@ -467,19 +484,6 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-function StarRating({ rating, size = 16 }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
-    DynamicIcon,
-    {
-      name: "lucide/star",
-      size,
-      className: cn(
-        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
-      )
-    },
-    star
-  )) });
-}
 function TestimonialsGridAddReview({
   reviews,
   reviewsSlot,
@@ -526,21 +530,27 @@ function TestimonialsGridAddReview({
                 addReviewCardClassName
               ),
               onClick: onAddReview,
-              children: /* @__PURE__ */ jsxs(CardContent, { className: cn(
-                "flex flex-col items-center gap-3 py-12 text-center",
-                getNestedCardTextColor(background)
-              ), children: [
-                /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(
-                  DynamicIcon,
-                  {
-                    name: "lucide/plus",
-                    size: 24,
-                    className: "text-primary"
-                  }
-                ) }),
-                addReviewText && (typeof addReviewText === "string" ? /* @__PURE__ */ jsx("p", { className: "font-medium", children: addReviewText }) : addReviewText),
-                addReviewSubtext && (typeof addReviewSubtext === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: addReviewSubtext }) : addReviewSubtext)
-              ] })
+              children: /* @__PURE__ */ jsxs(
+                CardContent,
+                {
+                  className: cn(
+                    "flex flex-col items-center gap-3 py-12 text-center",
+                    getNestedCardTextColor(background)
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/plus",
+                        size: 24,
+                        className: "text-primary"
+                      }
+                    ) }),
+                    addReviewText && (typeof addReviewText === "string" ? /* @__PURE__ */ jsx("p", { className: "font-medium", children: addReviewText }) : addReviewText),
+                    addReviewSubtext && (typeof addReviewSubtext === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: addReviewSubtext }) : addReviewSubtext)
+                  ]
+                }
+              )
             }
           ),
           reviews?.map((review, index) => {
@@ -560,7 +570,19 @@ function TestimonialsGridAddReview({
         ]
       }
     );
-  }, [reviewsSlot, gridClassName, addReviewCardClassName, onAddReview, addReviewText, addReviewSubtext, reviews, cardClassName, authorClassName, getAuthorName, getInitials]);
+  }, [
+    reviewsSlot,
+    gridClassName,
+    addReviewCardClassName,
+    onAddReview,
+    addReviewText,
+    addReviewSubtext,
+    reviews,
+    cardClassName,
+    authorClassName,
+    getAuthorName,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxs(
     Section,
     {