@opensite/ui 0.8.5 → 0.8.7

package/dist/testimonials-large-quote.cjs

@@ -557,19 +557,8 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp"};
-var DEFAULT_TESTIMONIAL = {
-  quote: "This platform has fundamentally changed how we approach our work. The intuitive design, powerful features, and exceptional support have made it an indispensable part of our daily operations. I cannot recommend it highly enough to anyone looking to transform their workflow.",
-  author: "Sarah Chen",
-  role: "Chief Executive Officer",
-  company: "TechVentures Inc.",
-  avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-};
 function TestimonialsLargeQuote({
-  testimonial = DEFAULT_TESTIMONIAL,
+  testimonial,
   testimonialSlot,
   className,
   contentClassName,
@@ -582,18 +571,19 @@ function TestimonialsLargeQuote({
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = () => {
-    if (typeof testimonial.author === "string") return testimonial.author;
+  const getAuthorName = React.useCallback(() => {
+    if (typeof testimonial?.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = () => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, [testimonial?.author]);
+  const getAvatarSrc = React.useCallback(() => {
+    return testimonial?.avatarSrc || testimonial?.avatar?.src;
+  }, [testimonial?.avatarSrc, testimonial?.avatar?.src]);
+  const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonial = React.useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
+    if (!testimonial) return null;
     const authorName = getAuthorName();
     const avatarSrc = getAvatarSrc();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-4xl text-center", contentClassName), children: [
@@ -638,7 +628,7 @@ function TestimonialsLargeQuote({
         }
       )
     ] });
-  }, [testimonialSlot, contentClassName, quoteIconClassName, testimonial.quote, quoteClassName, authorClassName, avatarClassName, testimonial.author, testimonial.role, testimonial.company]);
+  }, [testimonialSlot, contentClassName, quoteIconClassName, testimonial, quoteClassName, authorClassName, avatarClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {

package/dist/testimonials-large-quote.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useMemo } from 'react';
+import React__default, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -535,19 +535,8 @@ 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"};
-var DEFAULT_TESTIMONIAL = {
-  quote: "This platform has fundamentally changed how we approach our work. The intuitive design, powerful features, and exceptional support have made it an indispensable part of our daily operations. I cannot recommend it highly enough to anyone looking to transform their workflow.",
-  author: "Sarah Chen",
-  role: "Chief Executive Officer",
-  company: "TechVentures Inc.",
-  avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-};
 function TestimonialsLargeQuote({
-  testimonial = DEFAULT_TESTIMONIAL,
+  testimonial,
   testimonialSlot,
   className,
   contentClassName,
@@ -560,18 +549,19 @@ function TestimonialsLargeQuote({
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = () => {
-    if (typeof testimonial.author === "string") return testimonial.author;
+  const getAuthorName = useCallback(() => {
+    if (typeof testimonial?.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = () => {
-    return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, [testimonial?.author]);
+  const getAvatarSrc = useCallback(() => {
+    return testimonial?.avatarSrc || testimonial?.avatar?.src;
+  }, [testimonial?.avatarSrc, testimonial?.avatar?.src]);
+  const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonial = useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
+    if (!testimonial) return null;
     const authorName = getAuthorName();
     const avatarSrc = getAvatarSrc();
     return /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-4xl text-center", contentClassName), children: [
@@ -616,7 +606,7 @@ function TestimonialsLargeQuote({
         }
       )
     ] });
-  }, [testimonialSlot, contentClassName, quoteIconClassName, testimonial.quote, quoteClassName, authorClassName, avatarClassName, testimonial.author, testimonial.role, testimonial.company]);
+  }, [testimonialSlot, contentClassName, quoteIconClassName, testimonial, quoteClassName, authorClassName, avatarClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsx(
     Section,
     {

package/dist/testimonials-logo-cards.cjs

@@ -491,53 +491,8 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  fictionalCompanyLogo1: "https://cdn.ing/assets/files/record/286222/4w39lhwei0pa97up2wjnay3j96gh",
-  fictionalCompanyLogo2: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq",
-  fictionalCompanyLogo4: "https://cdn.ing/assets/files/record/286230/rl5ccu4bblexv7k2xj6ku4xig4xp",
-  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"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has transformed the way we develop web applications. The extensive collection of UI components and blocks has significantly accelerated our workflow. The flexibility to customize every aspect allows us to create unique user experiences.",
-    author: "Sarah Chen",
-    role: "Software Engineer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo1,
-    companyLogoAlt: "TechCorp"
-  },
-  {
-    quote: "Extraordinary and very practical. No need to break your head trying to figure things out. A real gold mine for developers who want to ship fast without sacrificing quality.",
-    author: "Michael Torres",
-    role: "Software Engineer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo2,
-    companyLogoAlt: "StartupXYZ"
-  },
-  {
-    quote: "Great work on the templates. This is one of the best component libraries I have seen so far! The attention to detail and the quality of the code is impressive.",
-    author: "Emily Watson",
-    role: "Creator",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-    companyLogoAlt: "GrowthCo"
-  },
-  {
-    quote: "The best personal website template I have seen so far! Clean, modern, and incredibly well-documented. Made our development process so much smoother.",
-    author: "David Kim",
-    role: "Creator",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo4,
-    companyLogoAlt: "DevStudio"
-  }
-];
 function TestimonialsLogoCards({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -557,18 +512,19 @@ function TestimonialsLogoCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getAuthorName = (testimonial) => {
+  const getAuthorName = React.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = (testimonial) => {
+  }, []);
+  const getAvatarSrc = React.useCallback((testimonial) => {
     return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -636,7 +592,7 @@ function TestimonialsLogoCards({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardHeaderClassName, optixFlowConfig, cardContentClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardHeaderClassName, optixFlowConfig, cardContentClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-logo-cards.js

@@ -1,5 +1,5 @@
 "use client";
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -466,53 +466,8 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  fictionalCompanyLogo1: "https://cdn.ing/assets/files/record/286222/4w39lhwei0pa97up2wjnay3j96gh",
-  fictionalCompanyLogo2: "https://cdn.ing/assets/files/record/286216/bw4zypgflisdtapxy0n4nbmsmtum",
-  fictionalCompanyLogo3: "https://cdn.ing/assets/files/record/286215/6wwi6yh2ax2nuo2vqa5gn9vozrgq",
-  fictionalCompanyLogo4: "https://cdn.ing/assets/files/record/286230/rl5ccu4bblexv7k2xj6ku4xig4xp",
-  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"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has transformed the way we develop web applications. The extensive collection of UI components and blocks has significantly accelerated our workflow. The flexibility to customize every aspect allows us to create unique user experiences.",
-    author: "Sarah Chen",
-    role: "Software Engineer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo1,
-    companyLogoAlt: "TechCorp"
-  },
-  {
-    quote: "Extraordinary and very practical. No need to break your head trying to figure things out. A real gold mine for developers who want to ship fast without sacrificing quality.",
-    author: "Michael Torres",
-    role: "Software Engineer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo2,
-    companyLogoAlt: "StartupXYZ"
-  },
-  {
-    quote: "Great work on the templates. This is one of the best component libraries I have seen so far! The attention to detail and the quality of the code is impressive.",
-    author: "Emily Watson",
-    role: "Creator",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo3,
-    companyLogoAlt: "GrowthCo"
-  },
-  {
-    quote: "The best personal website template I have seen so far! Clean, modern, and incredibly well-documented. Made our development process so much smoother.",
-    author: "David Kim",
-    role: "Creator",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    companyLogo: blockBrandedIconsAndPlaceholders.fictionalCompanyLogo4,
-    companyLogoAlt: "DevStudio"
-  }
-];
 function TestimonialsLogoCards({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -532,18 +487,19 @@ function TestimonialsLogoCards({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getAuthorName = (testimonial) => {
+  const getAuthorName = useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = (testimonial) => {
+  }, []);
+  const getAvatarSrc = useCallback((testimonial) => {
     return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -611,7 +567,7 @@ function TestimonialsLogoCards({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardHeaderClassName, optixFlowConfig, cardContentClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardHeaderClassName, optixFlowConfig, cardContentClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/testimonials-marquee.cjs

@@ -477,65 +477,18 @@ var Section = React__default.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",
-  avatar6: "https://cdn.ing/assets/i/r/286244/t7u1jpe1phm0fvmh3ybh3flhfg6i/avatar-6.webp"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has completely transformed how we work. The efficiency gains have been remarkable.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "The best investment we've made this year. Our team loves it and productivity is through the roof.",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Incredible support team and an even better product. Highly recommend to anyone looking to scale.",
-    author: "Emily Watson",
-    role: "Operations Lead",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Simple, elegant, and powerful. Everything we needed in one package. A game-changer for our workflow.",
-    author: "David Kim",
-    role: "CTO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "We've tried many solutions, but this one stands out for its reliability and ease of use.",
-    author: "Lisa Park",
-    role: "Engineering Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "The attention to detail is impressive. Every feature feels thoughtfully designed.",
-    author: "Alex Rivera",
-    role: "Design Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  }
-];
 var speedMap = {
   slow: "60s",
   normal: "40s",
   fast: "20s"
 };
 function TestimonialsMarquee({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
-  speed = "normal",
-  pauseOnHover = true,
+  speed,
+  pauseOnHover,
   className,
   headerClassName,
   headingClassName,
@@ -549,19 +502,21 @@ function TestimonialsMarquee({
   pattern,
   patternOpacity
 }) {
-  const duplicatedTestimonials = [...testimonials, ...testimonials];
-  const getAuthorName = (testimonial) => {
+  const duplicatedTestimonials = testimonials ? [...testimonials, ...testimonials] : [];
+  const effectiveSpeed = speed || "normal";
+  const getAuthorName = React.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = (testimonial) => {
+  }, []);
+  const getAvatarSrc = React.useCallback((testimonial) => {
     return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", marqueeClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute left-0 top-0 z-10 h-full w-24 bg-gradient-to-r from-background to-transparent" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute right-0 top-0 z-10 h-full w-24 bg-gradient-to-l from-background to-transparent" }),
@@ -570,14 +525,14 @@ function TestimonialsMarquee({
         {
           className: cn(
             "flex gap-4",
-            pauseOnHover && "[&:hover_.marquee-content]:pause"
+            pauseOnHover !== false && "[&:hover_.marquee-content]:pause"
           ),
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               className: "marquee-content flex shrink-0 animate-marquee gap-4",
               style: {
-                animationDuration: speedMap[speed]
+                animationDuration: speedMap[effectiveSpeed]
               },
               children: duplicatedTestimonials.map((testimonial, index) => {
                 const authorName = getAuthorName(testimonial);
@@ -627,7 +582,7 @@ function TestimonialsMarquee({
         }
       )
     ] });
-  }, [testimonialsSlot, marqueeClassName, pauseOnHover, speed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, marqueeClassName, pauseOnHover, effectiveSpeed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName, testimonials, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-marquee.js

@@ -1,5 +1,5 @@
 "use client";
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -452,65 +452,18 @@ var Section = React.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",
-  avatar6: "https://cdn.ing/assets/i/r/286244/t7u1jpe1phm0fvmh3ybh3flhfg6i/avatar-6.webp"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has completely transformed how we work. The efficiency gains have been remarkable.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "The best investment we've made this year. Our team loves it and productivity is through the roof.",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Incredible support team and an even better product. Highly recommend to anyone looking to scale.",
-    author: "Emily Watson",
-    role: "Operations Lead",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Simple, elegant, and powerful. Everything we needed in one package. A game-changer for our workflow.",
-    author: "David Kim",
-    role: "CTO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "We've tried many solutions, but this one stands out for its reliability and ease of use.",
-    author: "Lisa Park",
-    role: "Engineering Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "The attention to detail is impressive. Every feature feels thoughtfully designed.",
-    author: "Alex Rivera",
-    role: "Design Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  }
-];
 var speedMap = {
   slow: "60s",
   normal: "40s",
   fast: "20s"
 };
 function TestimonialsMarquee({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
-  speed = "normal",
-  pauseOnHover = true,
+  speed,
+  pauseOnHover,
   className,
   headerClassName,
   headingClassName,
@@ -524,19 +477,21 @@ function TestimonialsMarquee({
   pattern,
   patternOpacity
 }) {
-  const duplicatedTestimonials = [...testimonials, ...testimonials];
-  const getAuthorName = (testimonial) => {
+  const duplicatedTestimonials = testimonials ? [...testimonials, ...testimonials] : [];
+  const effectiveSpeed = speed || "normal";
+  const getAuthorName = useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  const getAvatarSrc = (testimonial) => {
+  }, []);
+  const getAvatarSrc = useCallback((testimonial) => {
     return testimonial.avatarSrc || testimonial.avatar?.src;
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative", marqueeClassName), children: [
       /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-0 top-0 z-10 h-full w-24 bg-gradient-to-r from-background to-transparent" }),
       /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute right-0 top-0 z-10 h-full w-24 bg-gradient-to-l from-background to-transparent" }),
@@ -545,14 +500,14 @@ function TestimonialsMarquee({
         {
           className: cn(
             "flex gap-4",
-            pauseOnHover && "[&:hover_.marquee-content]:pause"
+            pauseOnHover !== false && "[&:hover_.marquee-content]:pause"
           ),
           children: /* @__PURE__ */ jsx(
             "div",
             {
               className: "marquee-content flex shrink-0 animate-marquee gap-4",
               style: {
-                animationDuration: speedMap[speed]
+                animationDuration: speedMap[effectiveSpeed]
               },
               children: duplicatedTestimonials.map((testimonial, index) => {
                 const authorName = getAuthorName(testimonial);
@@ -602,7 +557,7 @@ function TestimonialsMarquee({
         }
       )
     ] });
-  }, [testimonialsSlot, marqueeClassName, pauseOnHover, speed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, marqueeClassName, pauseOnHover, effectiveSpeed, duplicatedTestimonials, cardClassName, quoteClassName, authorClassName, testimonials, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {