@opensite/ui 2.8.6 → 2.8.8

package/dist/social-link-icon.cjs

@@ -501,6 +501,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl.usePlatformFromUrl(href);
@@ -513,6 +514,21 @@ var SocialLinkIcon = React__namespace.forwardRef(
     const accessibleLabel = React__namespace.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React__namespace.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -524,16 +540,7 @@ var SocialLinkIcon = React__namespace.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/social-link-icon.d.cts

@@ -45,6 +45,11 @@ interface SocialLinkIconProps extends Omit<PressableProps, "children">, SocialLi
      * Required href for the link
      */
     href: string;
+    /**
+     * Return icon only
+     * @default false
+     */
+    iconOnly?: boolean;
 }
 /**
  * SocialLinkIcon - A reusable social media link icon component.

package/dist/social-link-icon.d.ts

@@ -45,6 +45,11 @@ interface SocialLinkIconProps extends Omit<PressableProps, "children">, SocialLi
      * Required href for the link
      */
     href: string;
+    /**
+     * Return icon only
+     * @default false
+     */
+    iconOnly?: boolean;
 }
 /**
  * SocialLinkIcon - A reusable social media link icon component.

package/dist/social-link-icon.js

@@ -479,6 +479,7 @@ var SocialLinkIcon = React.forwardRef(
     iconClassName,
     className,
     iconNameOverride,
+    iconOnly = false,
     ...pressableProps
   }, ref) => {
     const platform = usePlatformFromUrl(href);
@@ -491,6 +492,21 @@ var SocialLinkIcon = React.forwardRef(
     const accessibleLabel = React.useMemo(() => {
       return label || platformName;
     }, [label, platformName]);
+    const icon = React.useMemo(() => {
+      return /* @__PURE__ */ jsx(
+        DynamicIcon,
+        {
+          name: iconName,
+          size: iconSize,
+          color: iconColor,
+          className: iconClassName,
+          alt: accessibleLabel
+        }
+      );
+    }, [iconName, iconSize, iconColor, iconClassName, accessibleLabel]);
+    if (iconOnly) {
+      return icon;
+    }
     return /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -502,16 +518,7 @@ var SocialLinkIcon = React.forwardRef(
           className
         ),
         ...pressableProps,
-        children: /* @__PURE__ */ jsx(
-          DynamicIcon,
-          {
-            name: iconName,
-            size: iconSize,
-            color: iconColor,
-            className: iconClassName,
-            alt: accessibleLabel
-          }
-        )
+        children: icon
       }
     );
   }

package/dist/testimonials-bento-grid.cjs

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

package/dist/testimonials-bento-grid.js

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

package/dist/testimonials-carousel-image.cjs

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

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

@@ -53,6 +53,10 @@ interface TestimonialsCarouselImageProps {
      * Additional CSS classes for the quote icon
      */
     quoteIconClassName?: string;
+    /**
+     * Additional CSS classes for the company logo
+     */
+    logoClassName?: string;
     /**
      * Additional CSS classes for the quote text
      */
@@ -126,6 +130,6 @@ interface TestimonialsCarouselImageProps {
  * />
  * ```
  */
-declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
+declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
 
 export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };

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

@@ -53,6 +53,10 @@ interface TestimonialsCarouselImageProps {
      * Additional CSS classes for the quote icon
      */
     quoteIconClassName?: string;
+    /**
+     * Additional CSS classes for the company logo
+     */
+    logoClassName?: string;
     /**
      * Additional CSS classes for the quote text
      */
@@ -126,6 +130,6 @@ interface TestimonialsCarouselImageProps {
  * />
  * ```
  */
-declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
+declare function TestimonialsCarouselImage({ testimonials, testimonialsSlot, autoPlayInterval, height, overlayOpacity, previousButtonAriaLabel, nextButtonAriaLabel, className, contentClassName, quoteIconClassName, logoClassName, quoteClassName, authorClassName, navigationClassName, navButtonClassName, dotsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: TestimonialsCarouselImageProps): React.JSX.Element;
 
 export { type CarouselTestimonialItem, TestimonialsCarouselImage, type TestimonialsCarouselImageProps };

package/dist/testimonials-carousel-image.js

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

package/dist/testimonials-centered-avatars.cjs

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

package/dist/testimonials-centered-avatars.js

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

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

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

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

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