dune-react 0.0.23 → 0.0.24

package/dist/components/puck-block/testimonial-sections/bento-testimonial/component.js

@@ -19,82 +19,118 @@ const BentoTestimonial = (props) => {
   let logoCardCount = 0;
   let backgroundImageCardCount = 0;
   const gridRowsClass = gridLayout === "4x3" ? "lg:grid-rows-3" : "lg:grid-rows-2";
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
-    /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center", children: [
-      /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
-      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-6 sm:grid-rows-6 md:grid-cols-2 md:gap-8 lg:grid-cols-4 ${gridRowsClass}`, children: testimonialCards.map((card, index) => {
-      if (card.component === "background" && hasBackgroundCards) {
-        backgroundImageCardCount++;
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn("relative p-6 md:p-8 lg:p-6", {
-              "order-last lg:order-none": backgroundImageCardCount === 4
-            }),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex h-full flex-col items-start justify-between", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold text-text-alternative md:text-3xl md:leading-[1.3] lg:text-4xl", children: card.props.heading }),
-                /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(Button, { variant: card.props.button.variant, size: card.props.button.size, children: card.props.button.label }) })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
-                /* @__PURE__ */ jsx(CompoundImage, { src: card.props.backgroundImage.src, className: "size-full object-cover", alt: card.props.backgroundImage.alt }),
-                /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
-              ] })
-            ]
-          },
-          index
-        );
-      } else if (card.component === "logo") {
-        logoCardCount++;
-        return /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex items-center justify-center border border-border-primary p-6 md:p-8 lg:p-6",
-              {
-                "sm:col-start-2 sm:col-end-3 sm:row-start-4 sm:row-end-5 lg:col-auto lg:row-auto": logoCardCount === 3
-              }
-            ),
-            children: /* @__PURE__ */ jsx(CompoundImage, { src: card.props.logo.src, alt: card.props.logo.alt, className: "max-h-12" })
-          },
-          index
-        );
-      } else if (card.component === "quote") {
-        return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-12 md:mb-18 lg:mb-20", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center", children: [
+          /* @__PURE__ */ jsx("h1", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+          /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
+        ] }) }),
+        /* @__PURE__ */ jsx(
           "div",
           {
-            className: "flex flex-col items-start justify-between border border-border-primary p-6 sm:col-span-2 md:p-8",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(card.props.numberOfStars).fill(null).map((_, i) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, i)) }),
-              /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: card.props.quote }),
-              /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start md:mt-6 md:w-fit md:flex-row md:items-center", children: [
-                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-                  CompoundImage,
+            className: `grid grid-cols-1 gap-6 sm:grid-rows-6 md:grid-cols-2 md:gap-8 lg:grid-cols-4 ${gridRowsClass}`,
+            children: testimonialCards.map((card, index) => {
+              if (card.component === "background" && hasBackgroundCards) {
+                backgroundImageCardCount++;
+                return /* @__PURE__ */ jsxs(
+                  "div",
                   {
-                    src: card.props.image.src,
-                    alt: card.props.image.alt,
-                    className: "mb-4 size-12 min-h-12 min-w-12 rounded-full object-cover md:mb-0 md:mr-4"
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("p", { className: "font-semibold", children: card.props.name }),
-                  /* @__PURE__ */ jsxs("p", { children: [
-                    /* @__PURE__ */ jsx("span", { children: card.props.position }),
-                    ", ",
-                    /* @__PURE__ */ jsx("span", { children: card.props.companyName })
-                  ] })
-                ] })
-              ] })
-            ]
-          },
-          index
-        );
-      }
-      return null;
-    }) })
-  ] }) });
+                    className: cn("relative p-6 md:p-8 lg:p-6", {
+                      "order-last lg:order-none": backgroundImageCardCount === 4
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex h-full flex-col items-start justify-between", children: [
+                        /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold text-text-alternative md:text-3xl md:leading-[1.3] lg:text-4xl", children: card.props.heading }),
+                        /* @__PURE__ */ jsx("div", { className: "mt-6 md:mt-8", children: /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: card.props.button.variant,
+                            size: card.props.button.size,
+                            children: card.props.button.label
+                          }
+                        ) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-0", children: [
+                        /* @__PURE__ */ jsx(
+                          CompoundImage,
+                          {
+                            src: card.props.backgroundImage.src,
+                            className: "size-full object-cover",
+                            alt: card.props.backgroundImage.alt
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/50" })
+                      ] })
+                    ]
+                  },
+                  index
+                );
+              } else if (card.component === "logo") {
+                logoCardCount++;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center justify-center border border-border-primary p-6 md:p-8 lg:p-6",
+                      {
+                        "sm:col-start-2 sm:col-end-3 sm:row-start-4 sm:row-end-5 lg:col-auto lg:row-auto": logoCardCount === 3
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      CompoundImage,
+                      {
+                        src: card.props.logo.src,
+                        alt: card.props.logo.alt,
+                        className: "max-h-16"
+                      }
+                    )
+                  },
+                  index
+                );
+              } else if (card.component === "quote") {
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex flex-col items-start justify-between border border-border-primary p-6 sm:col-span-2 md:p-8",
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "mb-5 flex md:mb-6", children: Array(card.props.numberOfStars).fill(null).map((_, i) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, i)) }),
+                      /* @__PURE__ */ jsx("blockquote", { className: "md:text-md", children: card.props.quote }),
+                      /* @__PURE__ */ jsxs("div", { className: "mt-5 flex w-full flex-col items-start md:mt-6 md:w-fit md:flex-row md:items-center", children: [
+                        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                          CompoundImage,
+                          {
+                            src: card.props.image.src,
+                            alt: card.props.image.alt,
+                            className: "mb-4 size-12 min-h-12 min-w-12 rounded-full object-cover md:mb-0 md:mr-4"
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsxs("div", { children: [
+                          /* @__PURE__ */ jsx("p", { className: "font-semibold", children: card.props.name }),
+                          /* @__PURE__ */ jsxs("p", { children: [
+                            /* @__PURE__ */ jsx("span", { children: card.props.position }),
+                            ",",
+                            " ",
+                            /* @__PURE__ */ jsx("span", { children: card.props.companyName })
+                          ] })
+                        ] })
+                      ] })
+                    ]
+                  },
+                  index
+                );
+              }
+              return null;
+            })
+          }
+        )
+      ] })
+    }
+  );
 };
 const BentoTestimonialDefaults = {
   heading: "Customer testimonials",
@@ -103,21 +139,32 @@ const BentoTestimonialDefaults = {
     {
       component: "background",
       props: {
-        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-1/600/400", alt: "Background image 1" },
+        backgroundImage: {
+          src: "https://picsum.photos/seed/bento-bg-1/600/400",
+          alt: "Background image 1"
+        },
         heading: "Short heading goes here",
         button: { label: "Button", variant: "link" }
       }
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/logo-1.svg", alt: "Logo 1" } }
+      props: {
+        logo: {
+          src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/google-icon.svg",
+          alt: "Logo 1"
+        }
+      }
     },
     {
       component: "quote",
       props: {
         numberOfStars: 5,
         quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
-        image: { src: "https://picsum.photos/seed/bento-avatar-1/100/100", alt: "Testimonial image 1" },
+        image: {
+          src: "https://picsum.photos/seed/bento-avatar-1/100/100",
+          alt: "Testimonial image 1"
+        },
         name: "Name Surname",
         position: "Position",
         companyName: "Company name"
@@ -125,24 +172,40 @@ const BentoTestimonialDefaults = {
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo 1" } }
+      props: {
+        logo: {
+          src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/figma.svg",
+          alt: "Webflow logo 1"
+        }
+      }
     },
     {
       component: "background",
       props: {
-        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-2/600/400", alt: "Background image 2" },
+        backgroundImage: {
+          src: "https://picsum.photos/seed/bento-bg-2/600/400",
+          alt: "Background image 2"
+        },
         heading: "Short heading goes here",
         button: { label: "Button", variant: "link" }
       }
     },
     {
       component: "logo",
-      props: { logo: { src: "https://file.springbrand.ai/web_assets/template-logo.svg", alt: "Logo 2" } }
+      props: {
+        logo: {
+          src: "https://file.springbrand.ai/web_assets/template-logo.svg",
+          alt: "Logo 2"
+        }
+      }
     },
     {
       component: "background",
       props: {
-        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-3/600/400", alt: "Background image 3" },
+        backgroundImage: {
+          src: "https://picsum.photos/seed/bento-bg-3/600/400",
+          alt: "Background image 3"
+        },
         heading: "Short heading goes here",
         button: { label: "Button", variant: "link" }
       }
@@ -152,7 +215,10 @@ const BentoTestimonialDefaults = {
       props: {
         numberOfStars: 5,
         quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare."',
-        image: { src: "https://picsum.photos/seed/bento-avatar-2/100/100", alt: "Testimonial image 2" },
+        image: {
+          src: "https://picsum.photos/seed/bento-avatar-2/100/100",
+          alt: "Testimonial image 2"
+        },
         name: "Name Surname",
         position: "Position",
         companyName: "Company name"
@@ -161,14 +227,22 @@ const BentoTestimonialDefaults = {
     {
       component: "background",
       props: {
-        backgroundImage: { src: "https://picsum.photos/seed/bento-bg-4/600/400", alt: "Background image 4" },
+        backgroundImage: {
+          src: "https://picsum.photos/seed/bento-bg-4/600/400",
+          alt: "Background image 4"
+        },
         heading: "Short heading goes here",
         button: { label: "Button", variant: "link" }
       }
     },
     {
       component: "logo",
-      props: { logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo 2" } }
+      props: {
+        logo: {
+          src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/figma.svg",
+          alt: "Webflow logo 2"
+        }
+      }
     }
   ],
   styles: {

package/dist/components/puck-block/testimonial-sections/centered-testimonial/component.js

@@ -24,37 +24,80 @@ const CenteredTestimonial = (props) => {
     ratingType = "logo",
     attributionLayout = "stacked"
   } = styles ?? {};
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container w-full max-w-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
-    ratingType === "logo" && logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt, className: "max-h-14" }) }),
-    ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
-    /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: quote }),
-    /* @__PURE__ */ jsxs("div", { className: `mt-6 flex items-center justify-center md:mt-8 ${attributionLayout === "stacked" ? "flex-col" : "flex-row gap-4"}`, children: [
-      avatar && /* @__PURE__ */ jsx("div", { className: attributionLayout === "stacked" ? "mb-3 md:mb-4" : "", children: /* @__PURE__ */ jsx(
-        CompoundImage,
-        {
-          src: avatar.src,
-          alt: avatar.alt,
-          className: "size-16 min-h-16 min-w-16 rounded-full object-cover"
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: `flex flex-col ${attributionLayout === "stacked" ? "items-center" : "items-start"}`, children: [
-        /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
-        /* @__PURE__ */ jsxs("p", { children: [
-          /* @__PURE__ */ jsx("span", { children: position }),
-          ", ",
-          /* @__PURE__ */ jsx("span", { children: companyName })
-        ] })
-      ] }),
-      attributionLayout === "inline" && ratingType === "logo" && logo && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative" }),
-        /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt, className: "max-h-12" })
-      ] })
-    ] })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsx("div", { className: "container w-full max-w-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
+        ratingType === "logo" && logo && /* @__PURE__ */ jsx("div", { className: "mb-6 md:mb-8", children: /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: logo.src,
+            alt: logo.alt,
+            className: "max-h-14"
+          }
+        ) }),
+        ratingType === "stars" && /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "mr-1 size-6" }, starIndex)) }),
+        /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: quote }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `mt-6 flex items-center justify-center md:mt-8 ${attributionLayout === "stacked" ? "flex-col" : "flex-row gap-4"}`,
+            children: [
+              avatar && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: attributionLayout === "stacked" ? "mb-3 md:mb-4" : "",
+                  children: /* @__PURE__ */ jsx(
+                    CompoundImage,
+                    {
+                      src: avatar.src,
+                      alt: avatar.alt,
+                      className: "size-16 min-h-16 min-w-16 rounded-full object-cover"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `flex flex-col ${attributionLayout === "stacked" ? "items-center" : "items-start"}`,
+                  children: [
+                    /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
+                    /* @__PURE__ */ jsxs("p", { children: [
+                      /* @__PURE__ */ jsx("span", { children: position }),
+                      ", ",
+                      /* @__PURE__ */ jsx("span", { children: companyName })
+                    ] })
+                  ]
+                }
+              ),
+              attributionLayout === "inline" && ratingType === "logo" && logo && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative" }),
+                /* @__PURE__ */ jsx(
+                  CompoundImage,
+                  {
+                    src: logo.src,
+                    alt: logo.alt,
+                    className: "max-h-12"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
 };
 const CenteredTestimonialDefaults = {
   quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
-  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  logo: {
+    src: "https://file.springbrand.ai/web_assets/template-logo.svg",
+    alt: "Webflow logo"
+  },
   avatar: {
     src: "https://picsum.photos/seed/testimonial-avatar/100/100",
     alt: "Testimonial avatar"

package/dist/components/puck-block/testimonial-sections/image-testimonial/component.js

@@ -5,15 +5,7 @@ import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
 import { cn } from "../../../../utils/css-utils.js";
 const ImageTestimonial = (props) => {
   var _a, _b, _c, _d;
-  const {
-    numberOfStars,
-    quote,
-    images,
-    name,
-    position,
-    logo,
-    styles
-  } = {
+  const { numberOfStars, quote, images, name, position, logo, styles } = {
     ...ImageTestimonialDefaults,
     ...props
   };
@@ -23,32 +15,77 @@ const ImageTestimonial = (props) => {
     css,
     mediaType = "image"
   } = styles ?? {};
-  return /* @__PURE__ */ jsx(SectionWrapper, { className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName), style: sectionStyle, css, children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full auto-cols-fr grid-cols-1 items-center justify-center gap-12 md:grid-cols-2 md:gap-10 lg:gap-x-20", children: [
-    /* @__PURE__ */ jsx("div", { className: "order-last md:order-first", children: mediaType === "image" ? /* @__PURE__ */ jsx(CompoundImage, { src: ((_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.src) ?? "", alt: ((_b = images == null ? void 0 : images[0]) == null ? void 0 : _b.alt) ?? "", className: "aspect-square w-full object-cover" }) : /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full", children: [
-      /* @__PURE__ */ jsx(CompoundImage, { src: ((_c = images == null ? void 0 : images[0]) == null ? void 0 : _c.src) ?? "", alt: ((_d = images == null ? void 0 : images[0]) == null ? void 0 : _d.alt) ?? "", className: "size-full object-cover" }),
-      /* @__PURE__ */ jsx("button", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-white", children: /* @__PURE__ */ jsx("svg", { className: "size-6 text-black", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("polygon", { points: "5,3 19,12 5,21" }) }) }) })
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, starIndex)) }),
-      /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: quote }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-nowrap items-center gap-5 md:mt-8", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
-          /* @__PURE__ */ jsx("p", { children: position })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative sm:mx-0" }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CompoundImage, { src: logo.src, alt: logo.alt, className: "max-h-12" }) })
-      ] })
-    ] })
-  ] }) }) });
+  return /* @__PURE__ */ jsx(
+    SectionWrapper,
+    {
+      className: cn("px-[5%] py-8 md:py-12 lg:py-14", sectionClassName),
+      style: sectionStyle,
+      css,
+      children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "grid w-full auto-cols-fr grid-cols-1 items-center justify-center gap-12 md:grid-cols-2 md:gap-10 lg:gap-x-20", children: [
+        /* @__PURE__ */ jsx("div", { className: "order-last md:order-first", children: mediaType === "image" ? /* @__PURE__ */ jsx(
+          CompoundImage,
+          {
+            src: ((_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.src) ?? "",
+            alt: ((_b = images == null ? void 0 : images[0]) == null ? void 0 : _b.alt) ?? "",
+            className: "aspect-square w-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "relative aspect-square w-full", children: [
+          /* @__PURE__ */ jsx(
+            CompoundImage,
+            {
+              src: ((_c = images == null ? void 0 : images[0]) == null ? void 0 : _c.src) ?? "",
+              alt: ((_d = images == null ? void 0 : images[0]) == null ? void 0 : _d.alt) ?? "",
+              className: "size-full object-cover"
+            }
+          ),
+          /* @__PURE__ */ jsx("button", { className: "absolute inset-0 flex items-center justify-center bg-black/30", children: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-white", children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "size-6 text-black",
+              viewBox: "0 0 24 24",
+              fill: "currentColor",
+              children: /* @__PURE__ */ jsx("polygon", { points: "5,3 19,12 5,21" })
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-6 flex md:mb-8", children: Array(numberOfStars).fill(null).map((_, starIndex) => /* @__PURE__ */ jsx(BiSolidStar, { className: "size-6" }, starIndex)) }),
+          /* @__PURE__ */ jsx("blockquote", { className: "text-xl font-bold md:text-2xl", children: quote }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-nowrap items-center gap-5 md:mt-8", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "font-semibold", children: name }),
+              /* @__PURE__ */ jsx("p", { children: position })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "mx-4 w-px self-stretch bg-background-alternative sm:mx-0" }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              CompoundImage,
+              {
+                src: logo.src,
+                alt: logo.alt,
+                className: "max-h-12"
+              }
+            ) })
+          ] })
+        ] })
+      ] }) })
+    }
+  );
 };
 const ImageTestimonialDefaults = {
   numberOfStars: 5,
   quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
-  images: [{ src: "https://picsum.photos/seed/image-testimonial/800/800", alt: "Testimonial image" }],
+  images: [
+    {
+      src: "https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=800&h=800&fit=crop",
+      alt: "Testimonial image"
+    }
+  ],
   name: "Name Surname",
   position: "Position, Company name",
-  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  logo: {
+    src: "https://file.springbrand.ai/web_assets/template-logo.svg",
+    alt: "Webflow logo"
+  },
   styles: {
     mediaType: "image"
   }

package/dist/components/puck-block/testimonial-sections/image-testimonial-carousel/component.js

@@ -90,7 +90,7 @@ const testimonial = {
   name: "Name Surname",
   position: "Position",
   companyName: "Company name",
-  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" }
+  logo: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/netflix.svg", alt: "Webflow logo" }
 };
 const ImageTestimonialCarouselDefaults = {
   testimonials: [testimonial, testimonial],

package/dist/components/puck-block/testimonial-sections/tab-testimonial/component.js

@@ -25,7 +25,7 @@ const TabTestimonial = (props) => {
         TabsContent,
         {
           value: tab2.value,
-          className: "data-[state=active]:animate-tabs",
+          className: "animate-tabs",
           children: /* @__PURE__ */ jsxs("div", { className: `flex w-full items-center ${hasImage ? "flex-col md:flex-row" : "justify-center"} px-6 pb-10 pt-6 md:p-8 lg:px-12 lg:py-16`, children: [
             hasImage && tab2.image && /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:mb-0 md:w-1/2 md:pr-8", children: /* @__PURE__ */ jsx(CompoundImage, { src: tab2.image.src, alt: tab2.image.alt, className: "aspect-square w-full object-cover" }) }),
             /* @__PURE__ */ jsxs("div", { className: `${hasImage ? "w-full md:w-1/2" : "mx-auto w-full max-w-lg text-center"}`, children: [
@@ -56,11 +56,11 @@ const TabTestimonial = (props) => {
         },
         tab2.value
       )),
-      /* @__PURE__ */ jsx(TabsList, { className: "flex-col md:flex-row", children: tabs.map((tab2, index) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(TabsList, { className: "flex h-auto w-full flex-col rounded-none bg-transparent p-0 group-data-horizontal/tabs:h-auto md:flex-row", children: tabs.map((tab2, index) => /* @__PURE__ */ jsx(
         TabsTrigger,
         {
           value: tab2.value,
-          className: "flex w-full items-center justify-center gap-4 border-0 border-t px-6 py-4 duration-0 data-[state=active]:bg-background-primary md:border-r md:px-8 md:py-6 md:last-of-type:border-r-0 md:data-[state=active]:[border-top:1px_solid_#fff]",
+          className: "flex h-auto w-full items-center justify-center gap-4 rounded-none border-0 border-t px-6 py-4 duration-0 data-active:bg-background-primary md:border-r md:px-8 md:py-6 md:last-of-type:border-r-0 md:data-active:[border-top:1px_solid_#fff]",
           children: /* @__PURE__ */ jsx(
             CompoundImage,
             {
@@ -77,7 +77,7 @@ const TabTestimonial = (props) => {
 };
 const tab = {
   value: "tab-1",
-  trigger: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  trigger: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/slack.svg", alt: "Webflow logo" },
   content: {
     numberOfStars: 5,
     quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',

package/dist/components/puck-block/testimonial-sections/testimonial-card-grid/component.js

@@ -65,7 +65,7 @@ const TestimonialCardGridDefaults = {
   description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
   testimonials: [
     {
-      image: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo 1" },
+      image: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/discord.svg", alt: "Webflow logo 1" },
       quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
       avatar: { src: "https://picsum.photos/seed/testimonial-1/100/100", alt: "Testimonial avatar 1" },
       name: "Name Surname",
@@ -73,7 +73,7 @@ const TestimonialCardGridDefaults = {
       numberOfStars: 5
     },
     {
-      image: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo 2" },
+      image: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/discord.svg", alt: "Webflow logo 2" },
       quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
       avatar: { src: "https://picsum.photos/seed/testimonial-2/100/100", alt: "Testimonial avatar 2" },
       name: "Name Surname",

package/dist/components/puck-block/testimonial-sections/testimonial-carousel/component.js

@@ -97,7 +97,7 @@ const TestimonialCarousel = (props) => {
 };
 const testimonial = {
   quote: '"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat."',
-  logo: { src: "https://d22po4pjz3o32e.cloudfront.net/webflow-logo.svg", alt: "Webflow logo" },
+  logo: { src: "https://cdn.jsdelivr.net/gh/gilbarbara/logos/logos/airbnb.svg", alt: "Webflow logo" },
   avatar: { src: "https://picsum.photos/seed/testimonial-carousel/100/100", alt: "Testimonial avatar" },
   name: "Name Surname",
   position: "Position, Company name",