@opensite/ui 0.8.6 → 0.8.8

package/dist/testimonials-simple-grid.cjs

@@ -477,65 +477,12 @@ 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: "The platform exceeded all our expectations. Implementation was smooth and the results were immediate.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    company: "TechCorp",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Outstanding customer support and a product that actually delivers on its promises. Rare combination!",
-    author: "Michael Torres",
-    role: "CEO",
-    company: "StartupXYZ",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "We've seen a 50% increase in efficiency since switching. The ROI speaks for itself.",
-    author: "Emily Watson",
-    role: "Operations Director",
-    company: "GrowthCo",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Clean interface, powerful features, and excellent documentation. Everything a developer could ask for.",
-    author: "David Kim",
-    role: "Senior Developer",
-    company: "DevStudio",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "The best decision we made this quarter. Our team adopted it instantly and loves using it daily.",
-    author: "Lisa Park",
-    role: "Team Lead",
-    company: "InnovateLabs",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "Intuitive design that requires minimal training. Our onboarding time dropped significantly.",
-    author: "Alex Rivera",
-    role: "HR Manager",
-    company: "PeopleCo",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  }
-];
 function TestimonialsSimpleGrid({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
-  columns = 3,
+  columns,
   className,
   headerClassName,
   headingClassName,
@@ -554,19 +501,21 @@ function TestimonialsSimpleGrid({
     3: "sm:grid-cols-2 lg:grid-cols-3",
     4: "sm:grid-cols-2 lg:grid-cols-4"
   };
-  const getAuthorName = (testimonial) => {
+  const effectiveColumns = columns || 3;
+  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;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-6", gridCols[columns], gridClassName), children: testimonials.map((testimonial, index) => {
+    if (!testimonials || testimonials.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-6", gridCols[effectiveColumns], gridClassName), children: testimonials.map((testimonial, index) => {
       const authorName = getAuthorName(testimonial);
       const avatarSrc = getAvatarSrc(testimonial);
       return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6", children: [
@@ -599,7 +548,7 @@ function TestimonialsSimpleGrid({
         ] })
       ] }) }, index);
     }) });
-  }, [testimonialsSlot, gridCols, columns, gridClassName, testimonials, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridCols, effectiveColumns, gridClassName, testimonials, cardClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-simple-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,65 +452,12 @@ 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: "The platform exceeded all our expectations. Implementation was smooth and the results were immediate.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    company: "TechCorp",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Outstanding customer support and a product that actually delivers on its promises. Rare combination!",
-    author: "Michael Torres",
-    role: "CEO",
-    company: "StartupXYZ",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "We've seen a 50% increase in efficiency since switching. The ROI speaks for itself.",
-    author: "Emily Watson",
-    role: "Operations Director",
-    company: "GrowthCo",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Clean interface, powerful features, and excellent documentation. Everything a developer could ask for.",
-    author: "David Kim",
-    role: "Senior Developer",
-    company: "DevStudio",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  },
-  {
-    quote: "The best decision we made this quarter. Our team adopted it instantly and loves using it daily.",
-    author: "Lisa Park",
-    role: "Team Lead",
-    company: "InnovateLabs",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "Intuitive design that requires minimal training. Our onboarding time dropped significantly.",
-    author: "Alex Rivera",
-    role: "HR Manager",
-    company: "PeopleCo",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  }
-];
 function TestimonialsSimpleGrid({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
-  columns = 3,
+  columns,
   className,
   headerClassName,
   headingClassName,
@@ -529,19 +476,21 @@ function TestimonialsSimpleGrid({
     3: "sm:grid-cols-2 lg:grid-cols-3",
     4: "sm:grid-cols-2 lg:grid-cols-4"
   };
-  const getAuthorName = (testimonial) => {
+  const effectiveColumns = columns || 3;
+  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;
-    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", gridCols[columns], gridClassName), children: testimonials.map((testimonial, index) => {
+    if (!testimonials || testimonials.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", gridCols[effectiveColumns], gridClassName), children: testimonials.map((testimonial, index) => {
       const authorName = getAuthorName(testimonial);
       const avatarSrc = getAvatarSrc(testimonial);
       return /* @__PURE__ */ jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
@@ -574,7 +523,7 @@ function TestimonialsSimpleGrid({
         ] })
       ] }) }, index);
     }) });
-  }, [testimonialsSlot, gridCols, columns, gridClassName, testimonials, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, gridCols, effectiveColumns, gridClassName, testimonials, cardClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/testimonials-slider-minimal.cjs

@@ -454,36 +454,10 @@ 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"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has completely transformed how our team collaborates. The intuitive interface and powerful features have made us significantly more productive.",
-    author: "Sarah Chen",
-    role: "Product Manager at TechCorp",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "I've tried dozens of similar tools, but nothing comes close to the elegance and functionality of this solution. It's become indispensable to our workflow.",
-    author: "Michael Torres",
-    role: "CEO at StartupXYZ",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "The customer support is exceptional. Any time we've had questions, the team has been incredibly responsive and helpful. Truly a pleasure to work with.",
-    author: "Emily Watson",
-    role: "Operations Lead at GrowthCo",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  }
-];
 function TestimonialsSliderMinimal({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
-  autoPlayInterval = 5e3,
+  autoPlayInterval,
   className,
   contentClassName,
   quoteClassName,
@@ -497,6 +471,8 @@ function TestimonialsSliderMinimal({
 }) {
   const [currentIndex, setCurrentIndex] = React.useState(0);
   const [isTransitioning, setIsTransitioning] = React.useState(false);
+  const totalTestimonials = testimonials?.length ?? 0;
+  const effectiveAutoPlayInterval = autoPlayInterval ?? 5e3;
   const goToSlide = React.useCallback(
     (index) => {
       if (index === currentIndex) return;
@@ -509,26 +485,27 @@ function TestimonialsSliderMinimal({
     [currentIndex]
   );
   React.useEffect(() => {
-    if (autoPlayInterval <= 0) return;
+    if (effectiveAutoPlayInterval <= 0 || totalTestimonials === 0) return;
     const interval = setInterval(() => {
-      const nextIndex = (currentIndex + 1) % testimonials.length;
+      const nextIndex = (currentIndex + 1) % totalTestimonials;
       goToSlide(nextIndex);
-    }, autoPlayInterval);
+    }, effectiveAutoPlayInterval);
     return () => clearInterval(interval);
-  }, [currentIndex, autoPlayInterval, testimonials.length, goToSlide]);
-  const current = testimonials[currentIndex];
-  const getAuthorName = (testimonial) => {
+  }, [currentIndex, effectiveAutoPlayInterval, totalTestimonials, goToSlide]);
+  const current = testimonials?.[currentIndex];
+  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 renderedTestimonial = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -575,7 +552,7 @@ function TestimonialsSliderMinimal({
         ]
       }
     );
-  }, [testimonialsSlot, isTransitioning, current.quote, quoteClassName, authorClassName, avatarClassName, current.author, current.role]);
+  }, [testimonialsSlot, isTransitioning, current, quoteClassName, authorClassName, avatarClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -586,7 +563,7 @@ function TestimonialsSliderMinimal({
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
         renderedTestimonial,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        testimonials && testimonials.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: () => goToSlide(index),

package/dist/testimonials-slider-minimal.js

@@ -429,36 +429,10 @@ 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"};
-var DEFAULT_TESTIMONIALS = [
-  {
-    quote: "This platform has completely transformed how our team collaborates. The intuitive interface and powerful features have made us significantly more productive.",
-    author: "Sarah Chen",
-    role: "Product Manager at TechCorp",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "I've tried dozens of similar tools, but nothing comes close to the elegance and functionality of this solution. It's become indispensable to our workflow.",
-    author: "Michael Torres",
-    role: "CEO at StartupXYZ",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "The customer support is exceptional. Any time we've had questions, the team has been incredibly responsive and helpful. Truly a pleasure to work with.",
-    author: "Emily Watson",
-    role: "Operations Lead at GrowthCo",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  }
-];
 function TestimonialsSliderMinimal({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
-  autoPlayInterval = 5e3,
+  autoPlayInterval,
   className,
   contentClassName,
   quoteClassName,
@@ -472,6 +446,8 @@ function TestimonialsSliderMinimal({
 }) {
   const [currentIndex, setCurrentIndex] = useState(0);
   const [isTransitioning, setIsTransitioning] = useState(false);
+  const totalTestimonials = testimonials?.length ?? 0;
+  const effectiveAutoPlayInterval = autoPlayInterval ?? 5e3;
   const goToSlide = useCallback(
     (index) => {
       if (index === currentIndex) return;
@@ -484,26 +460,27 @@ function TestimonialsSliderMinimal({
     [currentIndex]
   );
   useEffect(() => {
-    if (autoPlayInterval <= 0) return;
+    if (effectiveAutoPlayInterval <= 0 || totalTestimonials === 0) return;
     const interval = setInterval(() => {
-      const nextIndex = (currentIndex + 1) % testimonials.length;
+      const nextIndex = (currentIndex + 1) % totalTestimonials;
       goToSlide(nextIndex);
-    }, autoPlayInterval);
+    }, effectiveAutoPlayInterval);
     return () => clearInterval(interval);
-  }, [currentIndex, autoPlayInterval, testimonials.length, goToSlide]);
-  const current = testimonials[currentIndex];
-  const getAuthorName = (testimonial) => {
+  }, [currentIndex, effectiveAutoPlayInterval, totalTestimonials, goToSlide]);
+  const current = testimonials?.[currentIndex];
+  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 renderedTestimonial = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!current) return null;
     const authorName = getAuthorName(current);
     const avatarSrc = getAvatarSrc(current);
     return /* @__PURE__ */ jsxs(
@@ -550,7 +527,7 @@ function TestimonialsSliderMinimal({
         ]
       }
     );
-  }, [testimonialsSlot, isTransitioning, current.quote, quoteClassName, authorClassName, avatarClassName, current.author, current.role]);
+  }, [testimonialsSlot, isTransitioning, current, quoteClassName, authorClassName, avatarClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -561,7 +538,7 @@ function TestimonialsSliderMinimal({
       className,
       children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
         renderedTestimonial,
-        /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsx(
+        testimonials && testimonials.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-center gap-2", dotsClassName), children: testimonials.map((_, index) => /* @__PURE__ */ jsx(
           "button",
           {
             onClick: () => goToSlide(index),

package/dist/testimonials-split-image.cjs

@@ -558,23 +558,12 @@ 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: "Working with this team has been transformative for our business. Their expertise and dedication to quality have helped us achieve results we never thought possible. The attention to detail and commitment to excellence is evident in everything they do.",
-  author: "Sarah Chen",
-  role: "Chief Executive Officer",
-  company: "TechVentures Inc.",
-  avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-};
 function TestimonialsSplitImage({
-  testimonial = DEFAULT_TESTIMONIAL,
+  testimonial,
   testimonialSlot,
   imageSrc,
   imageAlt,
-  imagePosition = "left",
+  imagePosition,
   className,
   gridClassName,
   imageClassName,
@@ -588,18 +577,20 @@ function TestimonialsSplitImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getAuthorName = () => {
-    if (typeof testimonial.author === "string") return testimonial.author;
+  const effectiveImagePosition = imagePosition || "left";
+  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(
@@ -607,7 +598,7 @@ function TestimonialsSplitImage({
       {
         className: cn(
           "space-y-6",
-          imagePosition === "right" && "lg:order-1",
+          effectiveImagePosition === "right" && "lg:order-1",
           contentClassName
         ),
         children: [
@@ -645,7 +636,7 @@ function TestimonialsSplitImage({
         ]
       }
     );
-  }, [testimonialSlot, imagePosition, contentClassName, quoteIconClassName, testimonial.quote, quoteClassName, authorClassName, testimonial.author, testimonial.role, testimonial.company]);
+  }, [testimonialSlot, effectiveImagePosition, contentClassName, quoteIconClassName, testimonial, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -664,7 +655,7 @@ function TestimonialsSplitImage({
               {
                 className: cn(
                   "relative aspect-4/3 overflow-hidden rounded-2xl lg:aspect-square",
-                  imagePosition === "right" && "lg:order-2",
+                  effectiveImagePosition === "right" && "lg:order-2",
                   imageClassName
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/testimonials-split-image.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';
@@ -536,23 +536,12 @@ 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: "Working with this team has been transformative for our business. Their expertise and dedication to quality have helped us achieve results we never thought possible. The attention to detail and commitment to excellence is evident in everything they do.",
-  author: "Sarah Chen",
-  role: "Chief Executive Officer",
-  company: "TechVentures Inc.",
-  avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-};
 function TestimonialsSplitImage({
-  testimonial = DEFAULT_TESTIMONIAL,
+  testimonial,
   testimonialSlot,
   imageSrc,
   imageAlt,
-  imagePosition = "left",
+  imagePosition,
   className,
   gridClassName,
   imageClassName,
@@ -566,18 +555,20 @@ function TestimonialsSplitImage({
   patternOpacity,
   optixFlowConfig
 }) {
-  const getAuthorName = () => {
-    if (typeof testimonial.author === "string") return testimonial.author;
+  const effectiveImagePosition = imagePosition || "left";
+  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(
@@ -585,7 +576,7 @@ function TestimonialsSplitImage({
       {
         className: cn(
           "space-y-6",
-          imagePosition === "right" && "lg:order-1",
+          effectiveImagePosition === "right" && "lg:order-1",
           contentClassName
         ),
         children: [
@@ -623,7 +614,7 @@ function TestimonialsSplitImage({
         ]
       }
     );
-  }, [testimonialSlot, imagePosition, contentClassName, quoteIconClassName, testimonial.quote, quoteClassName, authorClassName, testimonial.author, testimonial.role, testimonial.company]);
+  }, [testimonialSlot, effectiveImagePosition, contentClassName, quoteIconClassName, testimonial, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -642,7 +633,7 @@ function TestimonialsSplitImage({
               {
                 className: cn(
                   "relative aspect-4/3 overflow-hidden rounded-2xl lg:aspect-square",
-                  imagePosition === "right" && "lg:order-2",
+                  effectiveImagePosition === "right" && "lg:order-2",
                   imageClassName
                 ),
                 children: /* @__PURE__ */ jsx(