@opensite/ui 2.8.9 → 2.9.1

package/dist/registry.cjs

@@ -19917,7 +19917,6 @@ function CarouselFeatureBadge({
   items,
   itemsSlot,
   className,
-  containerClassName,
   contentClassName,
   badgeClassName,
   headingClassName,
@@ -19925,8 +19924,12 @@ function CarouselFeatureBadge({
   carouselClassName,
   carouselItemClassName,
   optixFlowConfig,
+  actions,
+  actionsSlot,
+  actionsClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity,
   slideLayoutVariant = "square",
@@ -19989,44 +19992,66 @@ function CarouselFeatureBadge({
       index
     ));
   };
+  const headerItems = React32__namespace.useMemo(() => {
+    const items2 = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items2.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "text-left text-2xl font-semibold md:text-4xl lg:max-w-xl lg:text-6xl text-pretty",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items2.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items2.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "max-w-full text-left text-lg leading-snug lg:max-w-sm text-balance text-lg",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items2.push(description);
+      }
+    }
+    return items2;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
       background,
       spacing,
-      className: cn(className),
+      className,
       pattern,
       patternOpacity,
       containerMaxWidth,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-end justify-end gap-6 md:gap-20 lg:grid-cols-2", children: [
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-end justify-end gap-6 md:gap-20 lg:grid-cols-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn("flex flex-col items-start gap-4", contentClassName),
             children: [
-              badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { children: badge }) : badge }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "h2",
-                  {
-                    className: cn(
-                      "text-left text-xl font-semibold md:text-3xl lg:max-w-xl lg:text-4xl",
-                      headingClassName
-                    ),
-                    children: heading
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-                description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "max-w-xl text-left text-lg leading-snug lg:max-w-sm",
-                      descriptionClassName
-                    ),
-                    children: description
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-              ] })
+              badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: badgeClassName, children: badge }) : badge),
+              /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: headerItems, className: "flex flex-col gap-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
             ]
           }
         ),
@@ -21966,49 +21991,58 @@ function CarouselScrollingFeatureShowcase({
                   ) })
                 }
               ) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-12 lg:space-y-32", featuresClassName), children: featuresSlot ? featuresSlot : features?.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  ref: setFeatureRef(feature.id),
-                  "data-feature-id": feature.id,
                   className: cn(
-                    "scroll-mt-24 transition-opacity duration-300",
-                    activeFeature === feature.id ? "opacity-100" : "opacity-50",
-                    feature.className
+                    "space-y-12 lg:space-y-32 lg:pb-[60vh]",
+                    featuresClassName
                   ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video overflow-hidden rounded-xl shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      img.Img,
-                      {
-                        src: feature.image,
-                        alt: typeof feature.title === "string" ? feature.title : `Feature ${feature.id}`,
-                        className: cn(
-                          "h-full w-full object-cover",
-                          feature.imageClassName
-                        ),
-                        optixFlowConfig
-                      }
-                    ) }) }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
-                        {
-                          className: cn(
-                            "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
-                            numberBadgeClassName
-                          ),
-                          children: index + 1
-                        }
+                  children: featuresSlot ? featuresSlot : features?.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    "div",
+                    {
+                      ref: setFeatureRef(feature.id),
+                      "data-feature-id": feature.id,
+                      className: cn(
+                        "scroll-mt-24 transition-opacity duration-300",
+                        activeFeature === feature.id ? "opacity-100" : "opacity-50",
+                        feature.className
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                        feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl md:text-2xl font-semibold", children: feature.title }) : feature.title),
-                        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-base md:text-lg", children: feature.description }) : feature.description)
-                      ] })
-                    ] })
-                  ]
-                },
-                feature.id
-              )) })
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video overflow-hidden rounded-xl shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+                          img.Img,
+                          {
+                            src: feature.image,
+                            alt: typeof feature.title === "string" ? feature.title : `Feature ${feature.id}`,
+                            className: cn(
+                              "h-full w-full object-cover",
+                              feature.imageClassName
+                            ),
+                            optixFlowConfig
+                          }
+                        ) }) }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "div",
+                            {
+                              className: cn(
+                                "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary text-primary-foreground",
+                                numberBadgeClassName
+                              ),
+                              children: index + 1
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                            feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl md:text-2xl font-semibold", children: feature.title }) : feature.title),
+                            feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-base md:text-lg", children: feature.description }) : feature.description)
+                          ] })
+                        ] })
+                      ]
+                    },
+                    feature.id
+                  ))
+                }
+              )
             ]
           }
         )
@@ -43381,6 +43415,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(
@@ -43486,10 +43521,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,
@@ -43512,80 +43547,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);
     }) });
@@ -44034,7 +44080,10 @@ function TestimonialsTwitterCards({
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
-                  className: cn("mt-4 text-lg text-balance", descriptionClassName),
+                  className: cn(
+                    "mt-4 max-w-full md:max-w-md text-lg text-balance",
+                    descriptionClassName
+                  ),
                   children: description
                 }
               ) : description)
@@ -44567,9 +44616,13 @@ function TestimonialsGridAddReview({
   addReviewCardClassName,
   authorClassName,
   background,
-  spacing,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const getAuthorName = React32.useCallback((review) => {
     if (typeof review.author === "string") return review.author;
@@ -44592,17 +44645,14 @@ function TestimonialsGridAddReview({
             Card,
             {
               className: cn(
-                "flex cursor-pointer items-center justify-center border-2 border-dashed transition-colors hover:border-primary hover:bg-muted/50",
+                "flex cursor-pointer items-center justify-center border-2 border-dashed transition-all duration-500 opacity-100 hover:border-primary hover:opacity-75",
                 addReviewCardClassName
               ),
               onClick: onAddReview,
               children: /* @__PURE__ */ jsxRuntime.jsxs(
                 CardContent,
                 {
-                  className: cn(
-                    "flex flex-col items-center gap-3 py-12 text-center",
-                    getNestedCardTextColor(background)
-                  ),
+                  className: cn("flex flex-col items-center gap-3 py-12 text-center"),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
                       DynamicIcon,
@@ -44624,13 +44674,22 @@ function TestimonialsGridAddReview({
             return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-4 p-6", children: [
               /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating }),
               review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: review.content }) : review.content),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-3", authorClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
-                  /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
-                ] }),
-                review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: review.author }) : review.author)
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex items-center gap-3 mt-12",
+                    authorClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-8", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                      /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
+                    ] }),
+                    review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: review.author }) : review.author)
+                  ]
+                }
+              )
             ] }) }, index);
           })
         ]
@@ -44657,36 +44716,49 @@ function TestimonialsGridAddReview({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__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",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-3xl font-semibold tracking-tight md:text-4xl text-pretty",
                     headingClassName
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
                   className: cn(
-                    "mt-4 text-lg text-muted-foreground",
+                    "mt-2 md:mt-4 text-lg text-balance",
                     descriptionClassName
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              ) : description)
             ]
           }
         ),
-        renderedReviews
+        renderedReviews,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );
@@ -44908,7 +44980,7 @@ function TestimonialsSimpleGrid({
       "div",
       {
         className: cn(
-          "grid gap-4 md:gap-6 lg:gap-8 md:grid-cols-2 lg:grid-cols-3",
+          "grid gap-8 md:gap-6 lg:gap-8 grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
           gridClassName
         ),
         children: testimonials.map((testimonial, index) => {
@@ -44920,8 +44992,8 @@ function TestimonialsSimpleGrid({
               className: cn(
                 "bg-card text-card-foreground",
                 "flex flex-col gap-6",
-                testimonial.linkConfig?.href ? "cursor-pointer hover:bg-black hover:text-white transition-all duration-500" : "",
-                "rounded-2xl py-0 shadow-xl group",
+                testimonial.linkConfig?.href ? "cursor-pointer hover:opacity-75 transition-all duration-500" : "opacity-100",
+                "rounded-2xl py-0 shadow-xl group overflow-hidden",
                 "ring-4 ring-ring",
                 cardClassName
               ),
@@ -44972,7 +45044,7 @@ function TestimonialsSimpleGrid({
                         ] })
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-6 md: pt-8 px-6 md:px-8", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: testimonial.quote }) : testimonial.quote) })
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-6 md:pt-8 px-6 md:px-8", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base leading-relaxed", children: testimonial.quote }) : testimonial.quote) })
                   ]
                 }
               )
@@ -45467,6 +45539,7 @@ function TestimonialsStatsHeader({
           {
             className: cn(
               "overflow-hidden border p-0",
+              "rounded-2xl shadow-xl",
               stat.className,
               statCardClassName
             ),
@@ -45628,9 +45701,12 @@ function TestimonialsWallCompact({
   quoteClassName,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "xl",
+  spacing = "lg",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const getAuthorName = React32.useCallback(
     (testimonial) => {
@@ -45665,9 +45741,8 @@ function TestimonialsWallCompact({
             "div",
             {
               className: cn(
+                "bg-card text-card-foreground",
                 "rounded-lg border p-4 transition-shadow hover:shadow-md",
-                getNestedCardBg(background, "card"),
-                getNestedCardTextColor(background),
                 cardClassName
               ),
               children: [
@@ -45686,14 +45761,23 @@ function TestimonialsWallCompact({
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
                           testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium", children: testimonial.author }) : testimonial.author),
-                          testimonial.handle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs ", children: testimonial.handle })
+                          testimonial.handle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs font-semibold opacity-75", children: testimonial.handle })
                         ] })
                       ] }),
                       testimonial.badge && (typeof testimonial.badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "shrink-0 text-xs", children: testimonial.badge }) : testimonial.badge)
                     ]
                   }
                 ),
-                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm leading-relaxed", quoteClassName), children: testimonial.quote }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote }))
+                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-sm leading-relaxed pt-2",
+                      quoteClassName
+                    ),
+                    children: testimonial.quote
+                  }
+                ) : testimonial.quote)
               ]
             },
             index
@@ -45725,23 +45809,41 @@ function TestimonialsWallCompact({
         /* @__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-md text-center",
+              headerClassName
+            ),
             children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-3xl font-semibold tracking-tight md:text-4xl text-pretty",
                     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", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn("mt-4 text-lg text-balance", descriptionClassName),
+                  children: description
+                }
+              ) : description)
             ]
           }
         ),
-        renderedTestimonials
+        renderedTestimonials,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );
@@ -45812,11 +45914,13 @@ function TestimonialsMiniDividers({
             const authorName = getAuthorName(testimonial);
             const avatarSrc = getAvatarSrc(testimonial);
             return /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
+              Pressable,
               {
+                href: testimonial.linkConfig?.href,
                 className: cn(
-                  "group flex flex-col gap-4 border-t border-dashed p-4 transition-colors duration-300 hover:bg-muted/50 lg:p-8",
+                  "group flex flex-col gap-4 border-t border-dashed p-6 lg:p-8",
                   index % 3 === 1 && "md:border-x md:border-dashed",
+                  testimonial.linkConfig?.href ? "transition-all duration-500 hover:opacity-75 cursor-pointer" : "",
                   itemClassName
                 ),
                 children: [
@@ -45827,24 +45931,15 @@ function TestimonialsMiniDividers({
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("min-w-0", authorClassName), children: [
                       testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium", children: testimonial.author }) : testimonial.author),
-                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm text-muted-foreground", children: testimonial.role }) : testimonial.role)
+                      testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm", children: testimonial.role }) : testimonial.role)
                     ] })
                   ] }),
                   testimonial.rating != null && /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: testimonial.rating }),
-                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-                    "p",
-                    {
-                      className: cn(
-                        "text-sm leading-relaxed text-muted-foreground",
-                        quoteClassName
-                      ),
-                      children: [
-                        "\u201C",
-                        testimonial.quote,
-                        "\u201D"
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-sm", quoteClassName), children: testimonial.quote }))
+                  testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-sm leading-relaxed", quoteClassName), children: [
+                    "\u201C",
+                    testimonial.quote,
+                    "\u201D"
+                  ] }) : testimonial.quote)
                 ]
               },
               index
@@ -45976,7 +46071,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
@@ -45994,8 +46089,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
@@ -46017,7 +46112,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)
                         ] })
                       ] })
                     ]
@@ -46057,7 +46152,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",
@@ -46099,34 +46197,24 @@ function TestimonialsQuoteCarousel({
   authorClassName,
   navigationClassName,
   background,
-  spacing,
   pattern,
-  patternOpacity
+  patternOpacity,
+  spacing = "lg",
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8"
 }) {
   const getAuthorName = React32.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React32.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = React32.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React32.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
-  const renderedHeading = React32.useMemo(() => {
-    if (typeof heading === "string") {
-      return heading.split(" ").map(
-        (word, i) => i === 1 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-primary", children: [
-          word,
-          " "
-        ] }, i) : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          word,
-          " "
-        ] }, i)
-      );
-    }
-    return heading;
-  }, [heading]);
   const renderedTestimonials = React32.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
@@ -46154,17 +46242,16 @@ function TestimonialsQuoteCarousel({
                       cardClassName
                     ),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 font-serif text-4xl text-primary", children: "\u201C" }),
                       /* @__PURE__ */ jsxRuntime.jsx("blockquote", { className: "mb-6 flex-1", children: testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                         "p",
                         {
                           className: cn(
-                            "text-sm leading-relaxed",
+                            "text-base leading-relaxed",
                             quoteClassName
                           ),
                           children: testimonial.quote
                         }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: quoteClassName, children: testimonial.quote })) }),
+                      ) : testimonial.quote) }),
                       /* @__PURE__ */ jsxRuntime.jsxs(
                         "div",
                         {
@@ -46173,13 +46260,13 @@ function TestimonialsQuoteCarousel({
                             authorClassName
                           ),
                           children: [
-                            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10 ring-4 ring-primary", children: [
                               /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                               /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
                             ] }),
                             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left", 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.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { 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-sm opacity-75 font-semibold", children: testimonial.role }) : testimonial.role)
                             ] })
                           ]
                         }
@@ -46207,7 +46294,18 @@ function TestimonialsQuoteCarousel({
         ]
       }
     ) });
-  }, [testimonialsSlot, carouselClassName, testimonials, cardClassName, quoteClassName, authorClassName, navigationClassName, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialsSlot,
+    carouselClassName,
+    testimonials,
+    cardClassName,
+    quoteClassName,
+    authorClassName,
+    navigationClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -46216,32 +46314,33 @@ function TestimonialsQuoteCarousel({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__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",
                 {
                   className: cn(
-                    "text-3xl font-semibold tracking-tight md:text-4xl",
+                    "text-3xl font-semibold tracking-tight md:text-4xl text-balance",
                     headingClassName
                   ),
-                  children: renderedHeading
+                  children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    descriptionClassName
-                  ),
+                  className: cn("mt-4 text-lg text-balance", descriptionClassName),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
+              ) : description)
             ]
           }
         ),
@@ -46593,7 +46692,19 @@ function TestimonialsScrollingColumns({
                   ) : testimonial.quote),
                   /* @__PURE__ */ jsxRuntime.jsx("figcaption", { className: cn("mt-4", authorClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
                     testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "uppercase text-base font-semibold", children: testimonial.author }) : null),
-                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-thin", children: testimonial.role }) : null)
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-thin opacity-75", children: testimonial.role }) : null),
+                    testimonial.linkConfig?.href ? /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: testimonial.linkConfig.href,
+                        variant: "link",
+                        className: cn(
+                          "text-base font-bold",
+                          testimonial.linkConfig.className
+                        ),
+                        children: testimonial.linkConfig.label || "Full Review"
+                      }
+                    ) : null
                   ] }) })
                 ] })
               ]
@@ -46671,7 +46782,7 @@ function TestimonialsMinimalNumbered({
   authorClassName,
   navigationClassName,
   background,
-  spacing = "py-8 md:py-12",
+  spacing = "xl",
   containerClassName = "w-full px-6 sm:px-6 md:px-8 lg:px-0 max-w-full md:max-w-lg min-h-70dvh h-70dvh flex flex-col items-center justify-center",
   pattern,
   patternOpacity
@@ -47111,7 +47222,7 @@ function TestimonialsParallaxNumber({
                   "div",
                   {
                     className: cn(
-                      "flex items-center gap-4 flex-col md:flex-row",
+                      "flex items-center gap-4 flex-col-reverse md:flex-row",
                       navigationClassName
                     ),
                     children: [
@@ -47229,7 +47340,7 @@ function TestimonialsMasonryGrid({
   authorClassName,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "xl",
+  spacing = "lg",
   pattern,
   patternOpacity
 }) {
@@ -47272,29 +47383,29 @@ function TestimonialsMasonryGrid({
                 "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border shadow-sm"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col justify-between p-6 gap-8", children: [
-                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "text-sm leading-relaxed line-clamp-3", children: [
+                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "text-base leading-relaxed line-clamp-3 font-thin", children: [
                   "\u201C",
                   testimonial.quote,
                   "\u201D"
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "line-clamp-3", children: testimonial.quote })),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden rounded-full size-12 ring-4 ring-primary shadow-lg", children: [
+                ] }) : testimonial.quote),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center gap-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "relative flex shrink-0 overflow-hidden rounded-full size-14 ring-4 ring-primary shadow-lg", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                     /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "text-xs", children: getInitials(authorName) })
                   ] }),
                   /* @__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", children: testimonial.role }) : testimonial.role),
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold opacity-75", children: testimonial.role }) : testimonial.role),
                     testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: testimonial.linkConfig.href,
                         className: cn(
-                          "text-sm  transition-all duration-300",
-                          "underline underline-offset-4",
+                          "text-sm transition-all duration-500",
+                          "hover:underline hover:underline-offset-4",
                           testimonial.linkConfig.className
                         ),
-                        children: testimonial.linkConfig.label
+                        children: testimonial.linkConfig.label || "Full Review"
                       }
                     )
                   ] })