@opensite/ui 2.9.1 → 2.9.2

package/dist/testimonials-parallax-number.d.ts

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

package/dist/testimonials-quote-carousel.cjs

@@ -1130,7 +1130,8 @@ function TestimonialsQuoteCarousel({
                   "div",
                   {
                     className: cn(
-                      "flex h-full flex-col rounded-xl border bg-background p-6 shadow-sm transition-all hover:shadow-md",
+                      "bg-card text-card-foreground",
+                      "flex h-full flex-col rounded-xl border p-6 shadow-sm transition-all hover:shadow-md",
                       cardClassName
                     ),
                     children: [
@@ -1148,7 +1149,7 @@ function TestimonialsQuoteCarousel({
                         "div",
                         {
                           className: cn(
-                            "mt-auto flex items-center gap-3",
+                            "mt-auto flex items-center gap-4",
                             authorClassName
                           ),
                           children: [

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

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

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

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

package/dist/testimonials-quote-carousel.js

@@ -1105,7 +1105,8 @@ function TestimonialsQuoteCarousel({
                   "div",
                   {
                     className: cn(
-                      "flex h-full flex-col rounded-xl border bg-background p-6 shadow-sm transition-all hover:shadow-md",
+                      "bg-card text-card-foreground",
+                      "flex h-full flex-col rounded-xl border p-6 shadow-sm transition-all hover:shadow-md",
                       cardClassName
                     ),
                     children: [
@@ -1123,7 +1124,7 @@ function TestimonialsQuoteCarousel({
                         "div",
                         {
                           className: cn(
-                            "mt-auto flex items-center gap-3",
+                            "mt-auto flex items-center gap-4",
                             authorClassName
                           ),
                           children: [

package/dist/testimonials-scrolling-columns.cjs

@@ -1016,7 +1016,6 @@ function TestimonialsScrollingColumns({
                       Pressable,
                       {
                         href: testimonial.linkConfig.href,
-                        variant: "link",
                         className: cn(
                           "text-base font-bold",
                           testimonial.linkConfig.className

package/dist/testimonials-scrolling-columns.d.cts

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

package/dist/testimonials-scrolling-columns.d.ts

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

package/dist/testimonials-scrolling-columns.js

@@ -995,7 +995,6 @@ function TestimonialsScrollingColumns({
                       Pressable,
                       {
                         href: testimonial.linkConfig.href,
-                        variant: "link",
                         className: cn(
                           "text-base font-bold",
                           testimonial.linkConfig.className

package/dist/testimonials-simple-grid.cjs

@@ -882,6 +882,70 @@ var Pressable = React3__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+var MOBILE_CLASSES = {
+  "fit-left": "items-start md:items-center",
+  "fit-center": "items-center",
+  "fit-right": "items-end md:items-center",
+  "full-left": "items-stretch md:items-center",
+  "full-center": "items-stretch md:items-center",
+  "full-right": "items-stretch md:items-center"
+};
+function BlockActions({
+  mobileConfig,
+  actionsClassName,
+  verticalSpacing = "mt-4 md:mt-8",
+  actions,
+  actionsSlot
+}) {
+  const width = mobileConfig?.width ?? "full";
+  const position = mobileConfig?.position ?? "center";
+  const mobileLayoutClass = MOBILE_CLASSES[`${width}-${position}`];
+  if (actionsSlot) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: actionsSlot });
+  } else if (actions && actions?.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col md:flex-row flex-wrap gap-4",
+          mobileLayoutClass,
+          actionsClassName,
+          verticalSpacing
+        ),
+        children: actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(ActionComponent, { action }, index))
+      }
+    );
+  } else {
+    return null;
+  }
+}
+function ActionComponent({ action }) {
+  const {
+    label,
+    icon,
+    iconAfter,
+    children,
+    href,
+    onClick,
+    className: actionClassName,
+    ...pressableProps
+  } = action;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Pressable,
+    {
+      href,
+      onClick,
+      asButton: action.asButton ?? true,
+      className: actionClassName,
+      ...pressableProps,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] })
+    }
+  );
+}
 function TestimonialsSimpleGrid({
   testimonials,
   testimonialsSlot,
@@ -901,7 +965,10 @@ function TestimonialsSimpleGrid({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "xl",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const getAuthorName = React3.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
@@ -1046,7 +1113,16 @@ function TestimonialsSimpleGrid({
             ]
           }
         ),
-        renderedTestimonials
+        renderedTestimonials,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );

package/dist/testimonials-simple-grid.d.cts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
-import { T as TestimonialItem } from './blocks-BHN2zr-m.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { ActionConfig } from '@page-speed/maps/components/geo-map';
+import { T as TestimonialItem } from './blocks-BtDAbw8d.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -84,6 +85,18 @@ interface TestimonialsSimpleGridProps {
      * Additional CSS classes for the card content
      */
     cardContentClassName?: string;
+    /**
+     * Array of action configurations for CTA buttons
+     */
+    actions?: ActionConfig[];
+    /**
+     * Custom slot for rendering actions (overrides actions array)
+     */
+    actionsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the actions container
+     */
+    actionsClassName?: string;
 }
 /**
  * TestimonialsSimpleGrid - A clean, straightforward grid of testimonial cards with
@@ -112,6 +125,6 @@ interface TestimonialsSimpleGridProps {
  * />
  * ```
  */
-declare function TestimonialsSimpleGrid({ testimonials, testimonialsSlot, heading, description, columns, className, headerClassName, headingClassName, descriptionClassName, cardContentClassName, gridClassName, cardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsSimpleGridProps): React.JSX.Element;
+declare function TestimonialsSimpleGrid({ testimonials, testimonialsSlot, heading, description, columns, className, headerClassName, headingClassName, descriptionClassName, cardContentClassName, gridClassName, cardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsSimpleGridProps): React.JSX.Element;
 
 export { TestimonialsSimpleGrid, type TestimonialsSimpleGridProps };

package/dist/testimonials-simple-grid.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DRaKD7ty.js';
-import { T as TestimonialItem } from './blocks-BoIji1A5.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
+import { ActionConfig } from '@page-speed/maps/components/geo-map';
+import { T as TestimonialItem } from './blocks-BlWXj9GI.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -84,6 +85,18 @@ interface TestimonialsSimpleGridProps {
      * Additional CSS classes for the card content
      */
     cardContentClassName?: string;
+    /**
+     * Array of action configurations for CTA buttons
+     */
+    actions?: ActionConfig[];
+    /**
+     * Custom slot for rendering actions (overrides actions array)
+     */
+    actionsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the actions container
+     */
+    actionsClassName?: string;
 }
 /**
  * TestimonialsSimpleGrid - A clean, straightforward grid of testimonial cards with
@@ -112,6 +125,6 @@ interface TestimonialsSimpleGridProps {
  * />
  * ```
  */
-declare function TestimonialsSimpleGrid({ testimonials, testimonialsSlot, heading, description, columns, className, headerClassName, headingClassName, descriptionClassName, cardContentClassName, gridClassName, cardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsSimpleGridProps): React.JSX.Element;
+declare function TestimonialsSimpleGrid({ testimonials, testimonialsSlot, heading, description, columns, className, headerClassName, headingClassName, descriptionClassName, cardContentClassName, gridClassName, cardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsSimpleGridProps): React.JSX.Element;
 
 export { TestimonialsSimpleGrid, type TestimonialsSimpleGridProps };

package/dist/testimonials-simple-grid.js

@@ -4,7 +4,7 @@ import React3__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 
 // components/blocks/testimonials/testimonials-simple-grid.tsx
@@ -860,6 +860,70 @@ var Pressable = React3.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+var MOBILE_CLASSES = {
+  "fit-left": "items-start md:items-center",
+  "fit-center": "items-center",
+  "fit-right": "items-end md:items-center",
+  "full-left": "items-stretch md:items-center",
+  "full-center": "items-stretch md:items-center",
+  "full-right": "items-stretch md:items-center"
+};
+function BlockActions({
+  mobileConfig,
+  actionsClassName,
+  verticalSpacing = "mt-4 md:mt-8",
+  actions,
+  actionsSlot
+}) {
+  const width = mobileConfig?.width ?? "full";
+  const position = mobileConfig?.position ?? "center";
+  const mobileLayoutClass = MOBILE_CLASSES[`${width}-${position}`];
+  if (actionsSlot) {
+    return /* @__PURE__ */ jsx("div", { children: actionsSlot });
+  } else if (actions && actions?.length > 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col md:flex-row flex-wrap gap-4",
+          mobileLayoutClass,
+          actionsClassName,
+          verticalSpacing
+        ),
+        children: actions.map((action, index) => /* @__PURE__ */ jsx(ActionComponent, { action }, index))
+      }
+    );
+  } else {
+    return null;
+  }
+}
+function ActionComponent({ action }) {
+  const {
+    label,
+    icon,
+    iconAfter,
+    children,
+    href,
+    onClick,
+    className: actionClassName,
+    ...pressableProps
+  } = action;
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      href,
+      onClick,
+      asButton: action.asButton ?? true,
+      className: actionClassName,
+      ...pressableProps,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] })
+    }
+  );
+}
 function TestimonialsSimpleGrid({
   testimonials,
   testimonialsSlot,
@@ -879,7 +943,10 @@ function TestimonialsSimpleGrid({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "xl",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const getAuthorName = useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
@@ -1024,7 +1091,16 @@ function TestimonialsSimpleGrid({
             ]
           }
         ),
-        renderedTestimonials
+        renderedTestimonials,
+        /* @__PURE__ */ jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );

package/dist/testimonials-slider-minimal.d.cts

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

package/dist/testimonials-slider-minimal.d.ts

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

package/dist/testimonials-split-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-Dvdy_0RY.cjs';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BHN2zr-m.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-Dk2BrJ5f.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

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

package/dist/testimonials-stats-header.cjs

@@ -921,6 +921,70 @@ var Pressable = React4__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+var MOBILE_CLASSES = {
+  "fit-left": "items-start md:items-center",
+  "fit-center": "items-center",
+  "fit-right": "items-end md:items-center",
+  "full-left": "items-stretch md:items-center",
+  "full-center": "items-stretch md:items-center",
+  "full-right": "items-stretch md:items-center"
+};
+function BlockActions({
+  mobileConfig,
+  actionsClassName,
+  verticalSpacing = "mt-4 md:mt-8",
+  actions,
+  actionsSlot
+}) {
+  const width = mobileConfig?.width ?? "full";
+  const position = mobileConfig?.position ?? "center";
+  const mobileLayoutClass = MOBILE_CLASSES[`${width}-${position}`];
+  if (actionsSlot) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: actionsSlot });
+  } else if (actions && actions?.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col md:flex-row flex-wrap gap-4",
+          mobileLayoutClass,
+          actionsClassName,
+          verticalSpacing
+        ),
+        children: actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(ActionComponent, { action }, index))
+      }
+    );
+  } else {
+    return null;
+  }
+}
+function ActionComponent({ action }) {
+  const {
+    label,
+    icon,
+    iconAfter,
+    children,
+    href,
+    onClick,
+    className: actionClassName,
+    ...pressableProps
+  } = action;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Pressable,
+    {
+      href,
+      onClick,
+      asButton: action.asButton ?? true,
+      className: actionClassName,
+      ...pressableProps,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] })
+    }
+  );
+}
 function TestimonialsStatsHeader({
   stats,
   statsSlot,
@@ -943,7 +1007,10 @@ function TestimonialsStatsHeader({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "xl",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const getAuthorName = React4.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
@@ -1004,7 +1071,10 @@ function TestimonialsStatsHeader({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: cn("grid gap-6 md:grid-cols-3", testimonialsGridClassName),
+        className: cn(
+          "grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+          testimonialsGridClassName
+        ),
         children: testimonials.map((testimonial, index) => {
           const authorName = getAuthorName(testimonial);
           const avatarSrc = getAvatarSrc(testimonial);
@@ -1036,14 +1106,14 @@ function TestimonialsStatsHeader({
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: cn("flex items-center gap-3", authorClassName),
+                    className: cn("flex items-center gap-4", authorClassName),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-14 ring-4 ring-primary shadow-lg", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                         /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
                       ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-1", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0", children: [
                           testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium", children: testimonial.author }) : testimonial.author),
                           testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-75", children: testimonial.role }) : testimonial.role)
                         ] }),
@@ -1052,7 +1122,7 @@ function TestimonialsStatsHeader({
                           {
                             href: testimonial.linkConfig.href,
                             className: cn(
-                              "text-sm  transition-all duration-300",
+                              "text-sm transition-all duration-500",
                               "hover:underline hover:underline-offset-4",
                               testimonial.linkConfig.className
                             ),
@@ -1120,7 +1190,16 @@ function TestimonialsStatsHeader({
           }
         ),
         renderedStats,
-        renderedTestimonials
+        renderedTestimonials,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );

package/dist/testimonials-stats-header.d.cts

@@ -1,9 +1,10 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Dvdy_0RY.cjs';
-import { T as TestimonialItem } from './blocks-BHN2zr-m.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-B8KCpwXH.cjs';
+import { ActionConfig } from '@page-speed/maps/components/geo-map';
+import { T as TestimonialItem } from './blocks-BtDAbw8d.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 
@@ -141,6 +142,18 @@ interface TestimonialsStatsHeaderProps {
      * Additional CSS classes for stat cards
      */
     statCardClassName?: string;
+    /**
+     * Array of action configurations for CTA buttons
+     */
+    actions?: ActionConfig[];
+    /**
+     * Custom slot for rendering actions (overrides actions array)
+     */
+    actionsSlot?: React.ReactNode;
+    /**
+     * Additional CSS classes for the actions container
+     */
+    actionsClassName?: string;
 }
 /**
  * TestimonialsStatsHeader - A testimonial section featuring a prominent statistics
@@ -171,6 +184,6 @@ interface TestimonialsStatsHeaderProps {
  * />
  * ```
  */
-declare function TestimonialsStatsHeader({ stats, statsSlot, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, statsGridClassName, statItemClassName, testimonialsGridClassName, cardClassName, statCardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsStatsHeaderProps): React.JSX.Element;
+declare function TestimonialsStatsHeader({ stats, statsSlot, testimonials, testimonialsSlot, heading, description, className, headerClassName, headingClassName, descriptionClassName, statsGridClassName, statItemClassName, testimonialsGridClassName, cardClassName, statCardClassName, quoteClassName, authorClassName, background, containerClassName, spacing, pattern, patternOpacity, actions, actionsSlot, actionsClassName, }: TestimonialsStatsHeaderProps): React.JSX.Element;
 
 export { type StatItem, TestimonialsStatsHeader, type TestimonialsStatsHeaderProps };