@opensite/ui 0.8.5 → 0.8.7

package/dist/testimonials-minimal-numbered.js

@@ -535,39 +535,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp",
-  avatar2: "https://cdn.ing/assets/i/r/286240/vgf3rrkwn0769pfdtpal60uo5vpw/avatar-2.webp",
-  avatar3: "https://cdn.ing/assets/i/r/286241/05vbqt3lls0q974r8fv4zn0njllq/avatar-3.webp"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has completely transformed how we approach our daily operations. The intuitive design and powerful features have made our team significantly more productive.",
-    author: "Sarah Chen",
-    role: "Design Director",
-    company: "Linear",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "The most elegant solution we've ever implemented. Every detail has been thoughtfully considered, and the results speak for themselves.",
-    author: "Marcus Webb",
-    role: "Creative Lead",
-    company: "Vercel",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Pure craftsmanship in every single detail. The attention to quality is evident throughout the entire experience.",
-    author: "Elena Frost",
-    role: "Head of Product",
-    company: "Stripe",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  }
-];
 function TestimonialsMinimalNumbered({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
-  autoPlayInterval = 5e3,
+  autoPlayInterval,
   className,
   contentClassName,
   numberClassName,
@@ -581,6 +552,8 @@ function TestimonialsMinimalNumbered({
 }) {
   const [active, setActive] = useState(0);
   const [isTransitioning, setIsTransitioning] = useState(false);
+  const totalTestimonials = testimonials?.length ?? 0;
+  const effectiveAutoPlayInterval = autoPlayInterval ?? 5e3;
   const handleChange = useCallback(
     (index) => {
       if (index === active || isTransitioning) return;
@@ -593,31 +566,37 @@ function TestimonialsMinimalNumbered({
     [active, isTransitioning]
   );
   const handlePrev = useCallback(() => {
-    const newIndex = (active - 1 + testimonials.length) % testimonials.length;
+    if (totalTestimonials === 0) return;
+    const newIndex = (active - 1 + totalTestimonials) % totalTestimonials;
     handleChange(newIndex);
-  }, [active, testimonials.length, handleChange]);
+  }, [active, totalTestimonials, handleChange]);
   const handleNext = useCallback(() => {
-    const newIndex = (active + 1) % testimonials.length;
+    if (totalTestimonials === 0) return;
+    const newIndex = (active + 1) % totalTestimonials;
     handleChange(newIndex);
-  }, [active, testimonials.length, handleChange]);
+  }, [active, totalTestimonials, handleChange]);
   useEffect(() => {
-    if (autoPlayInterval <= 0) return;
-    const interval = setInterval(handleNext, autoPlayInterval);
+    if (effectiveAutoPlayInterval <= 0 || totalTestimonials === 0) return;
+    const interval = setInterval(handleNext, effectiveAutoPlayInterval);
     return () => clearInterval(interval);
-  }, [autoPlayInterval, handleNext]);
-  const current = testimonials[active];
-  const getAuthorName = (testimonial) => {
+  }, [effectiveAutoPlayInterval, handleNext, totalTestimonials]);
+  const current = testimonials?.[active];
+  const getAuthorName = useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = (testimonial) => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getAvatarSrc = useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
+  const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonial = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
     return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-8", contentClassName), children: [
@@ -625,7 +604,7 @@ function TestimonialsMinimalNumbered({
         "span",
         {
           className: cn(
-            "text-8xl font-light leading-none text-foreground/10 select-none transition-all duration-500 md:text-9xl",
+            "text-8xl font-light leading-none select-none transition-all duration-500 md:text-9xl",
             numberClassName
           ),
           style: { fontFeatureSettings: '"tnum"' },
@@ -663,16 +642,16 @@ function TestimonialsMinimalNumbered({
               authorClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxs(Avatar, { className: "size-12 ring-2 ring-foreground/10", children: [
+              /* @__PURE__ */ jsxs(Avatar, { className: "size-12 ring-2", children: [
                 /* @__PURE__ */ jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                 /* @__PURE__ */ jsx(AvatarFallback, { children: getInitials(authorName) })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsx("p", { className: "font-medium", children: current.author }) : current.author),
-                /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
                   current.role && (typeof current.role === "string" ? current.role : null),
                   current.company && (typeof current.company === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                    /* @__PURE__ */ jsx("span", { className: "mx-2 text-foreground/20", children: "/" }),
+                    /* @__PURE__ */ jsx("span", { className: "mx-2 ", children: "/" }),
                     /* @__PURE__ */ jsx("span", { children: current.company })
                   ] }) : null)
                 ] })
@@ -682,7 +661,19 @@ function TestimonialsMinimalNumbered({
         )
       ] })
     ] });
-  }, [testimonialsSlot, contentClassName, numberClassName, active, current, isTransitioning, quoteClassName, authorClassName]);
+  }, [
+    testimonialsSlot,
+    contentClassName,
+    numberClassName,
+    active,
+    current,
+    isTransitioning,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -701,7 +692,7 @@ function TestimonialsMinimalNumbered({
               navigationClassName
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6", children: testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: testimonials.map((_, index) => /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -712,26 +703,26 @@ function TestimonialsMinimalNumbered({
                       {
                         className: cn(
                           "block h-px transition-all duration-500 ease-out",
-                          index === active ? "w-12 bg-foreground" : "w-6 bg-foreground/20 group-hover:w-8 group-hover:bg-foreground/40"
+                          index === active ? "w-12 " : "w-6  group-hover:w-8 "
                         )
                       }
                     )
                   },
                   index
                 )) }),
-                /* @__PURE__ */ jsxs("span", { className: "text-xs tracking-widest text-muted-foreground uppercase", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-xs tracking-widest  uppercase", children: [
                   String(active + 1).padStart(2, "0"),
                   " /",
                   " ",
                   String(testimonials.length).padStart(2, "0")
                 ] })
-              ] }),
+              ] }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx(
                   "button",
                   {
                     onClick: handlePrev,
-                    className: "rounded-full p-2 text-foreground/40 transition-all duration-300 hover:bg-foreground/5 hover:text-foreground",
+                    className: "rounded-full p-2 transition-all duration-300 ",
                     children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-left", size: 20 })
                   }
                 ),
@@ -739,7 +730,7 @@ function TestimonialsMinimalNumbered({
                   "button",
                   {
                     onClick: handleNext,
-                    className: "rounded-full p-2 text-foreground/40 transition-all duration-300 hover:bg-foreground/5 hover:text-foreground",
+                    className: "rounded-full p-2  transition-all duration-300 ",
                     children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 20 })
                   }
                 )

package/dist/testimonials-parallax-number.cjs

@@ -390,30 +390,10 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "Transformed our entire creative process overnight.",
-    author: "Sarah Chen",
-    role: "Design Director",
-    company: "Linear"
-  },
-  {
-    quote: "The most elegant solution we've ever implemented.",
-    author: "Marcus Webb",
-    role: "Creative Lead",
-    company: "Vercel"
-  },
-  {
-    quote: "Pure craftsmanship in every single detail.",
-    author: "Elena Frost",
-    role: "Head of Product",
-    company: "Stripe"
-  }
-];
 function TestimonialsParallaxNumber({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
-  autoPlayInterval = 6e3,
+  autoPlayInterval,
   verticalLabel,
   className,
   contentClassName,
@@ -428,6 +408,8 @@ function TestimonialsParallaxNumber({
 }) {
   const [activeIndex, setActiveIndex] = React.useState(0);
   const containerRef = React.useRef(null);
+  const totalTestimonials = testimonials?.length ?? 0;
+  const effectiveAutoPlayInterval = autoPlayInterval ?? 6e3;
   const mouseX = framerMotion.useMotionValue(0);
   const mouseY = framerMotion.useMotionValue(0);
   const springConfig = { damping: 25, stiffness: 200 };
@@ -435,7 +417,7 @@ function TestimonialsParallaxNumber({
   const y = framerMotion.useSpring(mouseY, springConfig);
   const numberX = framerMotion.useTransform(x, [-200, 200], [-20, 20]);
   const numberY = framerMotion.useTransform(y, [-200, 200], [-10, 10]);
-  const handleMouseMove = (e) => {
+  const handleMouseMove = React.useCallback((e) => {
     const rect = containerRef.current?.getBoundingClientRect();
     if (rect) {
       const centerX = rect.left + rect.width / 2;
@@ -443,35 +425,38 @@ function TestimonialsParallaxNumber({
       mouseX.set(e.clientX - centerX);
       mouseY.set(e.clientY - centerY);
     }
-  };
+  }, [mouseX, mouseY]);
   const goNext = React.useCallback(() => {
-    setActiveIndex((prev) => (prev + 1) % testimonials.length);
-  }, [testimonials.length]);
+    if (totalTestimonials === 0) return;
+    setActiveIndex((prev) => (prev + 1) % totalTestimonials);
+  }, [totalTestimonials]);
   const goPrev = React.useCallback(() => {
+    if (totalTestimonials === 0) return;
     setActiveIndex(
-      (prev) => (prev - 1 + testimonials.length) % testimonials.length
+      (prev) => (prev - 1 + totalTestimonials) % totalTestimonials
     );
-  }, [testimonials.length]);
+  }, [totalTestimonials]);
   React.useEffect(() => {
-    if (autoPlayInterval <= 0) return;
-    const timer = setInterval(goNext, autoPlayInterval);
+    if (effectiveAutoPlayInterval <= 0 || totalTestimonials === 0) return;
+    const timer = setInterval(goNext, effectiveAutoPlayInterval);
     return () => clearInterval(timer);
-  }, [autoPlayInterval, goNext]);
-  const current = testimonials[activeIndex];
-  const getAuthorName = (testimonial) => {
+  }, [effectiveAutoPlayInterval, goNext, totalTestimonials]);
+  const current = testimonials?.[activeIndex];
+  const getAuthorName = React.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getQuoteText = (testimonial) => {
+  }, []);
+  const getQuoteText = React.useCallback((testimonial) => {
     if (typeof testimonial.quote === "string") return testimonial.quote;
     return "";
-  };
-  const getCompanyName = (testimonial) => {
+  }, []);
+  const getCompanyName = React.useCallback((testimonial) => {
     if (typeof testimonial.company === "string") return testimonial.company;
     return "";
-  };
+  }, []);
   const renderedTestimonial = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!current) return null;
     getAuthorName(current);
     const quoteText = getQuoteText(current);
     const companyName = getCompanyName(current);
@@ -486,7 +471,7 @@ function TestimonialsParallaxNumber({
             framerMotion.motion.div,
             {
               className: cn(
-                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-foreground/[0.03]",
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-muted-foreground/[0.05]",
                 numberClassName
               ),
               style: { x: numberX, y: numberY },
@@ -523,7 +508,7 @@ function TestimonialsParallaxNumber({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mt-8 h-32 w-px bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(
                 framerMotion.motion.div,
                 {
-                  className: "absolute left-0 top-0 w-full origin-top bg-foreground",
+                  className: "absolute left-0 top-0 w-full origin-top bg-primary",
                   animate: {
                     height: `${(activeIndex + 1) / testimonials.length * 100}%`
                   },
@@ -599,7 +584,7 @@ function TestimonialsParallaxNumber({
                       /* @__PURE__ */ jsxRuntime.jsx(
                         framerMotion.motion.div,
                         {
-                          className: "h-px w-8 bg-foreground",
+                          className: "h-px w-8 bg-primary",
                           initial: { scaleX: 0 },
                           animate: { scaleX: 1 },
                           transition: { duration: 0.6, delay: 0.3 },
@@ -632,7 +617,7 @@ function TestimonialsParallaxNumber({
                               height: "18",
                               viewBox: "0 0 16 16",
                               fill: "none",
-                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              className: "relative z-10 text-muted-foreground transition-colors group-hover:text-foreground",
                               children: /* @__PURE__ */ jsxRuntime.jsx(
                                 "path",
                                 {
@@ -660,7 +645,7 @@ function TestimonialsParallaxNumber({
                               height: "18",
                               viewBox: "0 0 16 16",
                               fill: "none",
-                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              className: "relative z-10 text-muted-foreground transition-colors group-hover:text-foreground",
                               children: /* @__PURE__ */ jsxRuntime.jsx(
                                 "path",
                                 {
@@ -700,7 +685,7 @@ function TestimonialsParallaxNumber({
         ]
       }
     );
-  }, [testimonialsSlot, contentClassName, numberX, numberY, numberClassName, activeIndex, testimonials, verticalLabel, quoteClassName, authorClassName, current, navigationClassName, containerRef, handleMouseMove, goPrev, goNext]);
+  }, [testimonialsSlot, contentClassName, numberX, numberY, numberClassName, activeIndex, testimonials, verticalLabel, quoteClassName, authorClassName, current, navigationClassName, handleMouseMove, goPrev, goNext, totalTestimonials, getAuthorName, getQuoteText, getCompanyName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {

package/dist/testimonials-parallax-number.js

@@ -384,30 +384,10 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "Transformed our entire creative process overnight.",
-    author: "Sarah Chen",
-    role: "Design Director",
-    company: "Linear"
-  },
-  {
-    quote: "The most elegant solution we've ever implemented.",
-    author: "Marcus Webb",
-    role: "Creative Lead",
-    company: "Vercel"
-  },
-  {
-    quote: "Pure craftsmanship in every single detail.",
-    author: "Elena Frost",
-    role: "Head of Product",
-    company: "Stripe"
-  }
-];
 function TestimonialsParallaxNumber({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
-  autoPlayInterval = 6e3,
+  autoPlayInterval,
   verticalLabel,
   className,
   contentClassName,
@@ -422,6 +402,8 @@ function TestimonialsParallaxNumber({
 }) {
   const [activeIndex, setActiveIndex] = useState(0);
   const containerRef = useRef(null);
+  const totalTestimonials = testimonials?.length ?? 0;
+  const effectiveAutoPlayInterval = autoPlayInterval ?? 6e3;
   const mouseX = useMotionValue(0);
   const mouseY = useMotionValue(0);
   const springConfig = { damping: 25, stiffness: 200 };
@@ -429,7 +411,7 @@ function TestimonialsParallaxNumber({
   const y = useSpring(mouseY, springConfig);
   const numberX = useTransform(x, [-200, 200], [-20, 20]);
   const numberY = useTransform(y, [-200, 200], [-10, 10]);
-  const handleMouseMove = (e) => {
+  const handleMouseMove = useCallback((e) => {
     const rect = containerRef.current?.getBoundingClientRect();
     if (rect) {
       const centerX = rect.left + rect.width / 2;
@@ -437,35 +419,38 @@ function TestimonialsParallaxNumber({
       mouseX.set(e.clientX - centerX);
       mouseY.set(e.clientY - centerY);
     }
-  };
+  }, [mouseX, mouseY]);
   const goNext = useCallback(() => {
-    setActiveIndex((prev) => (prev + 1) % testimonials.length);
-  }, [testimonials.length]);
+    if (totalTestimonials === 0) return;
+    setActiveIndex((prev) => (prev + 1) % totalTestimonials);
+  }, [totalTestimonials]);
   const goPrev = useCallback(() => {
+    if (totalTestimonials === 0) return;
     setActiveIndex(
-      (prev) => (prev - 1 + testimonials.length) % testimonials.length
+      (prev) => (prev - 1 + totalTestimonials) % totalTestimonials
     );
-  }, [testimonials.length]);
+  }, [totalTestimonials]);
   useEffect(() => {
-    if (autoPlayInterval <= 0) return;
-    const timer = setInterval(goNext, autoPlayInterval);
+    if (effectiveAutoPlayInterval <= 0 || totalTestimonials === 0) return;
+    const timer = setInterval(goNext, effectiveAutoPlayInterval);
     return () => clearInterval(timer);
-  }, [autoPlayInterval, goNext]);
-  const current = testimonials[activeIndex];
-  const getAuthorName = (testimonial) => {
+  }, [effectiveAutoPlayInterval, goNext, totalTestimonials]);
+  const current = testimonials?.[activeIndex];
+  const getAuthorName = useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getQuoteText = (testimonial) => {
+  }, []);
+  const getQuoteText = useCallback((testimonial) => {
     if (typeof testimonial.quote === "string") return testimonial.quote;
     return "";
-  };
-  const getCompanyName = (testimonial) => {
+  }, []);
+  const getCompanyName = useCallback((testimonial) => {
     if (typeof testimonial.company === "string") return testimonial.company;
     return "";
-  };
+  }, []);
   const renderedTestimonial = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!current) return null;
     getAuthorName(current);
     const quoteText = getQuoteText(current);
     const companyName = getCompanyName(current);
@@ -480,7 +465,7 @@ function TestimonialsParallaxNumber({
             motion.div,
             {
               className: cn(
-                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-foreground/[0.03]",
+                "pointer-events-none absolute -left-8 top-1/2 -translate-y-1/2 select-none text-[20rem] font-bold leading-none tracking-tighter text-muted-foreground/[0.05]",
                 numberClassName
               ),
               style: { x: numberX, y: numberY },
@@ -517,7 +502,7 @@ function TestimonialsParallaxNumber({
               /* @__PURE__ */ jsx("div", { className: "relative mt-8 h-32 w-px bg-border", children: /* @__PURE__ */ jsx(
                 motion.div,
                 {
-                  className: "absolute left-0 top-0 w-full origin-top bg-foreground",
+                  className: "absolute left-0 top-0 w-full origin-top bg-primary",
                   animate: {
                     height: `${(activeIndex + 1) / testimonials.length * 100}%`
                   },
@@ -593,7 +578,7 @@ function TestimonialsParallaxNumber({
                       /* @__PURE__ */ jsx(
                         motion.div,
                         {
-                          className: "h-px w-8 bg-foreground",
+                          className: "h-px w-8 bg-primary",
                           initial: { scaleX: 0 },
                           animate: { scaleX: 1 },
                           transition: { duration: 0.6, delay: 0.3 },
@@ -626,7 +611,7 @@ function TestimonialsParallaxNumber({
                               height: "18",
                               viewBox: "0 0 16 16",
                               fill: "none",
-                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              className: "relative z-10 text-muted-foreground transition-colors group-hover:text-foreground",
                               children: /* @__PURE__ */ jsx(
                                 "path",
                                 {
@@ -654,7 +639,7 @@ function TestimonialsParallaxNumber({
                               height: "18",
                               viewBox: "0 0 16 16",
                               fill: "none",
-                              className: "relative z-10 text-foreground transition-colors group-hover:text-foreground/70",
+                              className: "relative z-10 text-muted-foreground transition-colors group-hover:text-foreground",
                               children: /* @__PURE__ */ jsx(
                                 "path",
                                 {
@@ -694,7 +679,7 @@ function TestimonialsParallaxNumber({
         ]
       }
     );
-  }, [testimonialsSlot, contentClassName, numberX, numberY, numberClassName, activeIndex, testimonials, verticalLabel, quoteClassName, authorClassName, current, navigationClassName, containerRef, handleMouseMove, goPrev, goNext]);
+  }, [testimonialsSlot, contentClassName, numberX, numberY, numberClassName, activeIndex, testimonials, verticalLabel, quoteClassName, authorClassName, current, navigationClassName, handleMouseMove, goPrev, goNext, totalTestimonials, getAuthorName, getQuoteText, getCompanyName]);
   return /* @__PURE__ */ jsx(
     Section,
     {

package/dist/testimonials-quote-carousel.cjs

@@ -1167,48 +1167,8 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp",
-  avatar2: "https://cdn.ing/assets/i/r/286240/vgf3rrkwn0769pfdtpal60uo5vpw/avatar-2.webp",
-  avatar3: "https://cdn.ing/assets/i/r/286241/05vbqt3lls0q974r8fv4zn0njllq/avatar-3.webp",
-  avatar4: "https://cdn.ing/assets/i/r/286242/y0zkazxawxrl3twwkw63twf04pdt/avatar-4.webp",
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "Their collaborative approach and deep understanding of our industry resulted in a design that not only looks exceptional but performs brilliantly.",
-    author: "Daniel Ramirez",
-    role: "Product Director, NexGen",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "The team's ability to translate complex requirements into clean, intuitive interfaces is remarkable. They're truly masters of their craft.",
-    author: "Sophia Chen",
-    role: "UX Director, Innovate AI",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Working with them was effortless. They brought fresh perspectives to challenges we'd been struggling with for months.",
-    author: "Marcus Johnson",
-    role: "CEO, Horizon Media",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "They didn't just meet our expectations - they redefined what we thought was possible. I cannot recommend them highly enough.",
-    author: "Olivia Thompson",
-    role: "Brand Manager, Elevate",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "The strategic thinking behind their design decisions transformed our product. We saw immediate improvements in user engagement.",
-    author: "James Wilson",
-    role: "CTO, TechSphere",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  }
-];
 function TestimonialsQuoteCarousel({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -1226,16 +1186,16 @@ function TestimonialsQuoteCarousel({
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = (testimonial) => {
+  const getAuthorName = React4.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = (testimonial) => {
+  }, []);
+  const getAvatarSrc = React4.useCallback((testimonial) => {
     return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = React4.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedHeading = React4.useMemo(() => {
     if (typeof heading === "string") {
       return heading.split(" ").map(
@@ -1252,6 +1212,7 @@ function TestimonialsQuoteCarousel({
   }, [heading]);
   const renderedTestimonials = React4.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto max-w-5xl", carouselClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
       Carousel,
       {
@@ -1329,7 +1290,7 @@ function TestimonialsQuoteCarousel({
         ]
       }
     ) });
-  }, [testimonialsSlot, carouselClassName, testimonials, cardClassName, quoteClassName, authorClassName, navigationClassName]);
+  }, [testimonialsSlot, carouselClassName, testimonials, cardClassName, quoteClassName, authorClassName, navigationClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {