@opensite/ui 0.8.6 → 0.8.7

package/dist/testimonials-masonry-grid.cjs

@@ -477,69 +477,8 @@ 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",
-  avatar7: "https://cdn.ing/assets/i/r/286245/yf2wb1scwmdgntba2on67q0t091d/avatar-7.webp",
-  avatar8: "https://cdn.ing/assets/i/r/286246/jsrq5sf9oxi8piujnfrdjqmg5zvx/avatar-8.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. I can't imagine going back to our old workflow.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Outstanding support and an exceptional product. Highly recommend!",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "The best investment we've made this year. Our team adopted it instantly and the results speak for themselves.",
-    author: "Emily Watson",
-    role: "Operations Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Clean interface, powerful features, and excellent documentation. Everything a developer could ask for. The API is well-designed and the SDK makes integration a breeze.",
-    author: "David Kim",
-    role: "Senior Developer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "Simple, elegant, and powerful. A game-changer for our workflow.",
-    author: "Lisa Park",
-    role: "Engineering Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "We've tried many solutions, but this one stands out for its reliability and ease of use. The customer support team is also incredibly responsive.",
-    author: "Alex Rivera",
-    role: "Design Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  },
-  {
-    quote: "Intuitive design that requires minimal training. Our onboarding time dropped significantly since we started using this platform.",
-    author: "Jordan Lee",
-    role: "HR Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar7
-  },
-  {
-    quote: "The attention to detail is impressive. Every feature feels thoughtfully designed.",
-    author: "Maya Patel",
-    role: "UX Designer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar8
-  }
-];
 function TestimonialsMasonryGrid({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -556,23 +495,24 @@ function TestimonialsMasonryGrid({
   pattern,
   patternOpacity
 }) {
-  const columns = [
+  const columns = testimonials ? [
     testimonials.filter((_, i) => i % 3 === 0),
     testimonials.filter((_, i) => i % 3 === 1),
     testimonials.filter((_, i) => i % 3 === 2)
-  ];
-  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",
       {
@@ -618,7 +558,7 @@ function TestimonialsMasonryGrid({
         }) }, columnIndex))
       }
     );
-  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName, testimonials, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-masonry-grid.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,69 +452,8 @@ 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",
-  avatar7: "https://cdn.ing/assets/i/r/286245/yf2wb1scwmdgntba2on67q0t091d/avatar-7.webp",
-  avatar8: "https://cdn.ing/assets/i/r/286246/jsrq5sf9oxi8piujnfrdjqmg5zvx/avatar-8.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. I can't imagine going back to our old workflow.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Outstanding support and an exceptional product. Highly recommend!",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "The best investment we've made this year. Our team adopted it instantly and the results speak for themselves.",
-    author: "Emily Watson",
-    role: "Operations Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Clean interface, powerful features, and excellent documentation. Everything a developer could ask for. The API is well-designed and the SDK makes integration a breeze.",
-    author: "David Kim",
-    role: "Senior Developer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "Simple, elegant, and powerful. A game-changer for our workflow.",
-    author: "Lisa Park",
-    role: "Engineering Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "We've tried many solutions, but this one stands out for its reliability and ease of use. The customer support team is also incredibly responsive.",
-    author: "Alex Rivera",
-    role: "Design Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  },
-  {
-    quote: "Intuitive design that requires minimal training. Our onboarding time dropped significantly since we started using this platform.",
-    author: "Jordan Lee",
-    role: "HR Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar7
-  },
-  {
-    quote: "The attention to detail is impressive. Every feature feels thoughtfully designed.",
-    author: "Maya Patel",
-    role: "UX Designer",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar8
-  }
-];
 function TestimonialsMasonryGrid({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -531,23 +470,24 @@ function TestimonialsMasonryGrid({
   pattern,
   patternOpacity
 }) {
-  const columns = [
+  const columns = testimonials ? [
     testimonials.filter((_, i) => i % 3 === 0),
     testimonials.filter((_, i) => i % 3 === 1),
     testimonials.filter((_, i) => i % 3 === 2)
-  ];
-  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",
       {
@@ -593,7 +533,7 @@ function TestimonialsMasonryGrid({
         }) }, columnIndex))
       }
     );
-  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, columns, cardClassName, quoteClassName, authorClassName, testimonials, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/testimonials-mini-dividers.cjs

@@ -557,59 +557,6 @@ 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",
-  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: "Exceptional quality and outstanding customer service. Highly recommend!",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    rating: 5
-  },
-  {
-    quote: "This solution has transformed how our team works. Incredible value.",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    rating: 5
-  },
-  {
-    quote: "Simple, elegant, and powerful. Everything we needed in one package.",
-    author: "Emily Watson",
-    role: "Operations Lead",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    rating: 5
-  },
-  {
-    quote: "The best investment we've made this year. ROI was immediate.",
-    author: "David Kim",
-    role: "CTO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    rating: 5
-  },
-  {
-    quote: "Support team is always responsive and helpful. Great experience overall.",
-    author: "Lisa Park",
-    role: "Engineering Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    rating: 4
-  },
-  {
-    quote: "Clean interface and intuitive design. Our team adopted it instantly.",
-    author: "Alex Rivera",
-    role: "Design Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6,
-    rating: 5
-  }
-];
 function StarRating({ rating, size = 14 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
     DynamicIcon,
@@ -624,7 +571,7 @@ function StarRating({ rating, size = 14 }) {
   )) });
 }
 function TestimonialsMiniDividers({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -641,18 +588,19 @@ function TestimonialsMiniDividers({
   pattern,
   patternOpacity
 }) {
-  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",
       {
@@ -711,7 +659,7 @@ function TestimonialsMiniDividers({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-mini-dividers.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,59 +535,6 @@ 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",
-  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: "Exceptional quality and outstanding customer service. Highly recommend!",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    rating: 5
-  },
-  {
-    quote: "This solution has transformed how our team works. Incredible value.",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    rating: 5
-  },
-  {
-    quote: "Simple, elegant, and powerful. Everything we needed in one package.",
-    author: "Emily Watson",
-    role: "Operations Lead",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    rating: 5
-  },
-  {
-    quote: "The best investment we've made this year. ROI was immediate.",
-    author: "David Kim",
-    role: "CTO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    rating: 5
-  },
-  {
-    quote: "Support team is always responsive and helpful. Great experience overall.",
-    author: "Lisa Park",
-    role: "Engineering Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    rating: 4
-  },
-  {
-    quote: "Clean interface and intuitive design. Our team adopted it instantly.",
-    author: "Alex Rivera",
-    role: "Design Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6,
-    rating: 5
-  }
-];
 function StarRating({ rating, size = 14 }) {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
     DynamicIcon,
@@ -602,7 +549,7 @@ function StarRating({ rating, size = 14 }) {
   )) });
 }
 function TestimonialsMiniDividers({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -619,18 +566,19 @@ function TestimonialsMiniDividers({
   pattern,
   patternOpacity
 }) {
-  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",
       {
@@ -689,7 +637,7 @@ function TestimonialsMiniDividers({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, itemClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/testimonials-minimal-numbered.cjs

@@ -557,39 +557,10 @@ 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",
-  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,
@@ -603,6 +574,8 @@ function TestimonialsMinimalNumbered({
 }) {
   const [active, setActive] = React.useState(0);
   const [isTransitioning, setIsTransitioning] = React.useState(false);
+  const totalTestimonials = testimonials?.length ?? 0;
+  const effectiveAutoPlayInterval = autoPlayInterval ?? 5e3;
   const handleChange = React.useCallback(
     (index) => {
       if (index === active || isTransitioning) return;
@@ -615,31 +588,37 @@ function TestimonialsMinimalNumbered({
     [active, isTransitioning]
   );
   const handlePrev = React.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 = React.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]);
   React.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 = React.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 = React.useCallback(
+    (testimonial) => {
+      return testimonial.avatarSrc || testimonial.avatar?.src;
+    },
+    []
+  );
+  const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedTestimonial = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-8", contentClassName), children: [
@@ -647,7 +626,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"' },
@@ -685,16 +664,16 @@ function TestimonialsMinimalNumbered({
               authorClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12 ring-2 ring-foreground/10", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-12 ring-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: avatarSrc, alt: authorName }),
                 /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 current.author && (typeof current.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: current.author }) : current.author),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm", children: [
                   current.role && (typeof current.role === "string" ? current.role : null),
                   current.company && (typeof current.company === "string" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-2 text-foreground/20", children: "/" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-2 ", children: "/" }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { children: current.company })
                   ] }) : null)
                 ] })
@@ -704,7 +683,19 @@ function TestimonialsMinimalNumbered({
         )
       ] })
     ] });
-  }, [testimonialsSlot, contentClassName, numberClassName, active, current, isTransitioning, quoteClassName, authorClassName]);
+  }, [
+    testimonialsSlot,
+    contentClassName,
+    numberClassName,
+    active,
+    current,
+    isTransitioning,
+    quoteClassName,
+    authorClassName,
+    getAuthorName,
+    getAvatarSrc,
+    getInitials
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -723,7 +714,7 @@ function TestimonialsMinimalNumbered({
               navigationClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6", children: testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
@@ -734,26 +725,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__ */ jsxRuntime.jsxs("span", { className: "text-xs tracking-widest text-muted-foreground uppercase", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs tracking-widest  uppercase", children: [
                   String(active + 1).padStart(2, "0"),
                   " /",
                   " ",
                   String(testimonials.length).padStart(2, "0")
                 ] })
-              ] }),
+              ] }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-left", size: 20 })
                   }
                 ),
@@ -761,7 +752,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__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 20 })
                   }
                 )