@opensite/ui 2.9.1 → 2.9.2

package/dist/project-work-showcase.d.cts

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

package/dist/project-work-showcase.d.ts

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

package/dist/project-zigzag-layout.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { S as SectionBackground } from './community-initiatives-Dvdy_0RY.cjs';
-import './blocks-BHN2zr-m.cjs';
+import { S as SectionBackground } from './community-initiatives-B8KCpwXH.cjs';
+import './blocks-BtDAbw8d.cjs';
 import 'react';
 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/project-zigzag-layout.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { S as SectionBackground } from './community-initiatives-DRaKD7ty.js';
-import './blocks-BoIji1A5.js';
+import { S as SectionBackground } from './community-initiatives-rTRuDt0r.js';
+import './blocks-BlWXj9GI.js';
 import 'react';
 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/registry.cjs

@@ -43949,7 +43949,10 @@ function TestimonialsTwitterCards({
   spacing = "lg",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const getAuthorName = React32.useCallback(
     (testimonial) => {
@@ -44048,6 +44051,41 @@ function TestimonialsTwitterCards({
     getAuthorName,
     getInitials
   ]);
+  const contentItems = React32.useMemo(() => {
+    const items = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "text-pretty text-3xl md:text-4xl lg:text-6xl",
+            "font-semibold tracking-tight",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "max-w-full md:max-w-md text-lg text-balance",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items.push(description);
+      }
+    }
+    return items;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -44058,39 +44096,27 @@ function TestimonialsTwitterCards({
       className,
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ContentGroup,
           {
+            items: contentItems,
             className: cn(
+              "flex flex-col items-center",
               "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-pretty text-3xl md:text-4xl lg:text-6xl",
-                    "font-semibold tracking-tight",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              ) : heading),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  className: cn(
-                    "mt-4 max-w-full md:max-w-md text-lg text-balance",
-                    descriptionClassName
-                  ),
-                  children: description
-                }
-              ) : description)
-            ]
+            )
           }
         ),
-        renderedTestimonials
+        renderedTestimonials,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );
@@ -44613,6 +44639,7 @@ function TestimonialsGridAddReview({
   descriptionClassName,
   gridClassName,
   cardClassName,
+  quoteClassName,
   addReviewCardClassName,
   authorClassName,
   background,
@@ -44624,10 +44651,16 @@ function TestimonialsGridAddReview({
   actionsSlot,
   actionsClassName
 }) {
-  const getAuthorName = React32.useCallback((review) => {
-    if (typeof review.author === "string") return review.author;
+  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 getInitials = React32.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -44669,28 +44702,58 @@ function TestimonialsGridAddReview({
               )
             }
           ),
-          reviews?.map((review, index) => {
-            const authorName = getAuthorName(review);
-            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),
+          reviews?.map((testimonial, index) => {
+            const authorName = getAuthorName(testimonial);
+            const avatarSrc = getAvatarSrc(testimonial);
+            return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-12 justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: 5, size: 20 }),
+                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
+                  "p",
+                  {
+                    className: cn(
+                      "mb-6 text-sm leading-relaxed",
+                      quoteClassName
+                    ),
+                    children: [
+                      "\u201C",
+                      testimonial.quote,
+                      "\u201D"
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", quoteClassName), children: testimonial.quote }))
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: cn(
-                    "flex items-center gap-3 mt-12",
-                    authorClassName
-                  ),
+                  className: cn("flex items-center gap-4", 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) })
+                    /* @__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) })
                     ] }),
-                    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: "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)
+                      ] }),
+                      testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
+                        Pressable,
+                        {
+                          href: testimonial.linkConfig.href,
+                          className: cn(
+                            "text-sm transition-all duration-500",
+                            "hover:underline hover:underline-offset-4",
+                            testimonial.linkConfig.className
+                          ),
+                          children: testimonial.linkConfig.label
+                        }
+                      )
+                    ] })
                   ]
                 }
               )
-            ] }) }, index);
+            ] }) }) }, index);
           })
         ]
       }
@@ -44755,7 +44818,7 @@ function TestimonialsGridAddReview({
           {
             actions,
             actionsSlot,
-            actionsClassName: cn("mt-8 md:mt-12", actionsClassName),
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
             mobileConfig: { width: "full", position: "center" }
           }
         )
@@ -44958,7 +45021,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 = React32.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
@@ -45103,7 +45169,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" }
+          }
+        )
       ]
     }
   );
@@ -45504,7 +45579,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 = React32.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
@@ -45565,7 +45643,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);
@@ -45597,14 +45678,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)
                         ] }),
@@ -45613,7 +45694,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
                             ),
@@ -45681,7 +45762,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" }
+          }
+        )
       ]
     }
   );
@@ -45840,7 +45930,7 @@ function TestimonialsWallCompact({
           {
             actions,
             actionsSlot,
-            actionsClassName: cn("mt-8 md:mt-12", actionsClassName),
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
             mobileConfig: { width: "full", position: "center" }
           }
         )
@@ -46238,7 +46328,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: [
@@ -46256,7 +46347,7 @@ function TestimonialsQuoteCarousel({
                         "div",
                         {
                           className: cn(
-                            "mt-auto flex items-center gap-3",
+                            "mt-auto flex items-center gap-4",
                             authorClassName
                           ),
                           children: [
@@ -46697,7 +46788,6 @@ function TestimonialsScrollingColumns({
                       Pressable,
                       {
                         href: testimonial.linkConfig.href,
-                        variant: "link",
                         className: cn(
                           "text-base font-bold",
                           testimonial.linkConfig.className
@@ -47342,7 +47432,10 @@ function TestimonialsMasonryGrid({
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "lg",
   pattern,
-  patternOpacity
+  patternOpacity,
+  actions,
+  actionsSlot,
+  actionsClassName
 }) {
   const columns = testimonials ? [
     testimonials.filter((_, i) => i % 3 === 0),
@@ -47383,7 +47476,7 @@ 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-base leading-relaxed line-clamp-3 font-thin", children: [
+                testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "text-lg leading-relaxed line-clamp-6 md:line-clamp-3 font-thin", children: [
                   "\u201C",
                   testimonial.quote,
                   "\u201D"
@@ -47395,7 +47488,7 @@ function TestimonialsMasonryGrid({
                   ] }),
                   /* @__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-sm font-semibold opacity-75", children: testimonial.role }) : testimonial.role),
+                    testimonial.role && (typeof testimonial.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-thin opacity-75", children: testimonial.role }) : testimonial.role),
                     testimonial.linkConfig?.href && /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
@@ -47467,7 +47560,16 @@ function TestimonialsMasonryGrid({
             ]
           }
         ),
-        renderedTestimonials
+        renderedTestimonials,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          BlockActions,
+          {
+            actions,
+            actionsSlot,
+            actionsClassName: cn("mt-8 md:mt-12 justify-center", actionsClassName),
+            mobileConfig: { width: "full", position: "center" }
+          }
+        )
       ]
     }
   );