@opensite/ui 2.8.4 → 2.8.5

package/dist/registry.cjs

@@ -45193,7 +45193,8 @@ function TestimonialsSimpleGrid({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -45207,49 +45208,70 @@ function TestimonialsSimpleGrid({
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
   const renderedTestimonials = React8.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-6", gridCols[effectiveColumns], gridClassName), children: testimonials.map((testimonial, index) => {
-      const authorName = getAuthorName(testimonial);
-      const avatarSrc = getAvatarSrc(testimonial);
-      return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
-        testimonial.quote && (typeof testimonial.quote === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(
-          "p",
-          {
-            className: cn(
-              "mb-6 text-sm leading-relaxed text-muted-foreground",
-              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", authorClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
-            /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-              testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : null),
-              testimonial.company && (typeof testimonial.company === "string" ? `, ${testimonial.company}` : null)
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn("grid gap-6", gridCols[effectiveColumns], gridClassName),
+        children: testimonials.map((testimonial, index) => {
+          const authorName = getAuthorName(testimonial);
+          const avatarSrc = getAvatarSrc(testimonial);
+          return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
+            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", authorClassName), children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
+                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: testimonial.author }) : testimonial.author),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs ", children: [
+                  testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : null),
+                  testimonial.company && (typeof testimonial.company === "string" ? `, ${testimonial.company}` : null)
+                ] })
+              ] })
             ] })
-          ] })
-        ] })
-      ] }) }, index);
-    }) });
-  }, [testimonialsSlot, gridCols, effectiveColumns, gridClassName, testimonials, cardClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
+          ] }) }, index);
+        })
+      }
+    );
+  }, [
+    testimonialsSlot,
+    gridCols,
+    effectiveColumns,
+    gridClassName,
+    testimonials,
+    cardClassName,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -45258,6 +45280,7 @@ function TestimonialsSimpleGrid({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -45274,16 +45297,7 @@ function TestimonialsSimpleGrid({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    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 ", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
             ]
           }
         ),
@@ -45303,7 +45317,8 @@ function TestimonialsSliderMinimal({
   avatarClassName,
   dotsClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -45335,9 +45350,12 @@ function TestimonialsSliderMinimal({
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -45382,7 +45400,7 @@ function TestimonialsSliderMinimal({
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                   current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: current.author }) : current.author),
-                  current.role && (typeof current.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: current.role }) : current.role)
+                  current.role && (typeof current.role === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: current.role }) : current.role)
                 ] })
               ]
             }
@@ -45390,7 +45408,17 @@ function TestimonialsSliderMinimal({
         ]
       }
     );
-  }, [testimonialsSlot, isTransitioning, current, quoteClassName, authorClassName, avatarClassName, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialsSlot,
+    isTransitioning,
+    current,
+    quoteClassName,
+    authorClassName,
+    avatarClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -45399,6 +45427,7 @@ function TestimonialsSliderMinimal({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
         renderedTestimonial,
         testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -45407,7 +45436,7 @@ function TestimonialsSliderMinimal({
             onClick: () => goToSlide(index),
             className: cn(
               "size-2 rounded-full transition-all",
-              index === currentIndex ? "w-6 bg-primary" : "bg-muted-foreground/30 hover:bg-muted-foreground/50"
+              index === currentIndex ? "w-6 bg-primary text-primary-foreground" : ""
             ),
             "aria-label": `Go to testimonial ${index + 1}`
           },
@@ -45431,7 +45460,8 @@ function TestimonialsSplitImage({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -45486,7 +45516,7 @@ function TestimonialsSplitImage({
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               testimonial.author && (typeof testimonial.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: testimonial.author }) : testimonial.author),
-              (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              (testimonial.role || testimonial.company) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm ", children: [
                 testimonial.role && (typeof testimonial.role === "string" ? testimonial.role : testimonial.role),
                 testimonial.company && (typeof testimonial.company === "string" ? ` at ${testimonial.company}` : testimonial.company)
               ] })
@@ -45495,7 +45525,18 @@ function TestimonialsSplitImage({
         ]
       }
     );
-  }, [testimonialSlot, effectiveImagePosition, contentClassName, quoteIconClassName, testimonial, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialSlot,
+    effectiveImagePosition,
+    contentClassName,
+    quoteIconClassName,
+    testimonial,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -45504,6 +45545,7 @@ function TestimonialsSplitImage({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -45553,7 +45595,8 @@ function TestimonialsStatsHeader({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -45561,9 +45604,12 @@ function TestimonialsStatsHeader({
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
   }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -45644,7 +45690,17 @@ function TestimonialsStatsHeader({
         })
       }
     );
-  }, [testimonialsSlot, testimonialsGridClassName, testimonials, cardClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialsSlot,
+    testimonialsGridClassName,
+    testimonials,
+    cardClassName,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -45653,6 +45709,7 @@ function TestimonialsStatsHeader({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -45702,17 +45759,24 @@ function TestimonialsWallCompact({
   authorClassName,
   quoteClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = React8.useCallback((testimonial) => {
-    if (typeof testimonial.author === "string") return testimonial.author;
-    return "";
-  }, []);
-  const getAvatarSrc = React8.useCallback((testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  }, []);
+  const getAuthorName = React8.useCallback(
+    (testimonial) => {
+      if (typeof testimonial.author === "string") return testimonial.author;
+      return "";
+    },
+    []
+  );
+  const getAvatarSrc = React8.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
   const getInitials = React8.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
   }, []);
@@ -45754,7 +45818,7 @@ 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 text-muted-foreground", children: testimonial.handle })
+                          testimonial.handle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs ", 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)
@@ -45769,7 +45833,17 @@ function TestimonialsWallCompact({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, authorClassName, quoteClassName, getAuthorName, getAvatarSrc, getInitials]);
+  }, [
+    testimonialsSlot,
+    gridClassName,
+    testimonials,
+    cardClassName,
+    authorClassName,
+    quoteClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -45778,6 +45852,7 @@ function TestimonialsWallCompact({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -45794,16 +45869,7 @@ function TestimonialsWallCompact({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    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", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
             ]
           }
         ),
@@ -46529,15 +46595,19 @@ function TestimonialsScrollingColumns({
   quoteClassName,
   authorClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const getAuthorName = React8.useCallback((testimonial) => {
-    if (typeof testimonial.author === "string") return testimonial.author;
-    return "";
-  }, []);
+  const getAuthorName = React8.useCallback(
+    (testimonial) => {
+      if (typeof testimonial.author === "string") return testimonial.author;
+      return "";
+    },
+    []
+  );
   const renderedTestimonials = React8.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
     if (!testimonials || testimonials.length === 0) return null;
@@ -46611,7 +46681,16 @@ function TestimonialsScrollingColumns({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, optixFlowConfig, quoteClassName, authorClassName, getAuthorName]);
+  }, [
+    testimonialsSlot,
+    gridClassName,
+    testimonials,
+    cardClassName,
+    optixFlowConfig,
+    quoteClassName,
+    authorClassName,
+    getAuthorName
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -46620,6 +46699,7 @@ function TestimonialsScrollingColumns({
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -46636,16 +46716,7 @@ function TestimonialsScrollingColumns({
                   children: heading
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "p",
-                {
-                  className: cn(
-                    "mt-4 text-lg text-muted-foreground",
-                    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 ", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description }))
             ]
           }
         ),