@opensite/ui 0.8.6 → 0.8.8

package/dist/testimonials-stats-header.cjs

@@ -580,36 +580,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: "The platform has revolutionized our workflow. We've seen a 40% increase in productivity since implementation.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Outstanding support and an even better product. The team goes above and beyond to ensure our success.",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Best investment we've made this year. The ROI was visible within the first month of using the platform.",
-    author: "Emily Watson",
-    role: "Operations Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  }
-];
 function TestimonialsStatsHeader({
   stats,
   statsSlot,
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -628,19 +602,19 @@ function TestimonialsStatsHeader({
   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 renderedStats = React.useMemo(() => {
     if (statsSlot) return statsSlot;
-    if (!stats) return null;
+    if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -667,6 +641,7 @@ function TestimonialsStatsHeader({
   }, [statsSlot, stats, statsGridClassName, statItemClassName]);
   const renderedTestimonials = React.useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -712,7 +687,7 @@ function TestimonialsStatsHeader({
         })
       }
     );
-  }, [testimonialsSlot, testimonialsGridClassName, testimonials, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, testimonialsGridClassName, testimonials, cardClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-stats-header.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';
@@ -558,36 +558,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: "The platform has revolutionized our workflow. We've seen a 40% increase in productivity since implementation.",
-    author: "Sarah Chen",
-    role: "Product Manager",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Outstanding support and an even better product. The team goes above and beyond to ensure our success.",
-    author: "Michael Torres",
-    role: "CEO",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Best investment we've made this year. The ROI was visible within the first month of using the platform.",
-    author: "Emily Watson",
-    role: "Operations Director",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  }
-];
 function TestimonialsStatsHeader({
   stats,
   statsSlot,
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -606,19 +580,19 @@ function TestimonialsStatsHeader({
   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 renderedStats = useMemo(() => {
     if (statsSlot) return statsSlot;
-    if (!stats) return null;
+    if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -645,6 +619,7 @@ function TestimonialsStatsHeader({
   }, [statsSlot, stats, statsGridClassName, statItemClassName]);
   const renderedTestimonials = useMemo(() => {
     if (testimonialsSlot) return testimonialsSlot;
+    if (!testimonials || testimonials.length === 0) return null;
     return /* @__PURE__ */ jsx(
       "div",
       {
@@ -690,7 +665,7 @@ function TestimonialsStatsHeader({
         })
       }
     );
-  }, [testimonialsSlot, testimonialsGridClassName, testimonials, cardClassName, quoteClassName, authorClassName]);
+  }, [testimonialsSlot, testimonialsGridClassName, testimonials, cardClassName, quoteClassName, authorClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/testimonials-twitter-cards.cjs

@@ -999,61 +999,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",
-  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 = [
-  {
-    content: "Just shipped our new landing page using @opensiteai components. Took us 2 hours instead of 2 weeks. The quality is incredible!",
-    author: "Sarah Chen",
-    handle: "@sarahchen",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    twitterUrl: "https://twitter.com/sarahchen"
-  },
-  {
-    content: "The attention to detail in these components is next level. Every interaction feels polished and professional.",
-    author: "Alex Rivera",
-    handle: "@alexrivera",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    twitterUrl: "https://twitter.com/alexrivera"
-  },
-  {
-    content: "Finally, a component library that doesn't require a PhD to customize. Clean code, great docs, amazing support.",
-    author: "Jordan Lee",
-    handle: "@jordanlee",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    twitterUrl: "https://twitter.com/jordanlee"
-  },
-  {
-    content: "Our design team is obsessed with the consistency across all components. Makes our job so much easier!",
-    author: "Maya Patel",
-    handle: "@mayapatel",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    twitterUrl: "https://twitter.com/mayapatel"
-  },
-  {
-    content: "Switched from building everything from scratch to using Opensite AI. Best decision we made this quarter.",
-    author: "Chris Wong",
-    handle: "@chriswong",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    twitterUrl: "https://twitter.com/chriswong"
-  },
-  {
-    content: "The semantic component system is genius. Our AI can now pick the perfect component every time.",
-    author: "Emma Davis",
-    handle: "@emmadavis",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6,
-    twitterUrl: "https://twitter.com/emmadavis"
-  }
-];
 function TestimonialsTwitterCards({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -1070,15 +1017,16 @@ function TestimonialsTwitterCards({
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = (testimonial) => {
+  const getAuthorName = React.useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  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",
       {
@@ -1130,7 +1078,7 @@ function TestimonialsTwitterCards({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardContentClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardContentClassName, authorClassName, getAuthorName, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-twitter-cards.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';
@@ -977,61 +977,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",
-  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 = [
-  {
-    content: "Just shipped our new landing page using @opensiteai components. Took us 2 hours instead of 2 weeks. The quality is incredible!",
-    author: "Sarah Chen",
-    handle: "@sarahchen",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    twitterUrl: "https://twitter.com/sarahchen"
-  },
-  {
-    content: "The attention to detail in these components is next level. Every interaction feels polished and professional.",
-    author: "Alex Rivera",
-    handle: "@alexrivera",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    twitterUrl: "https://twitter.com/alexrivera"
-  },
-  {
-    content: "Finally, a component library that doesn't require a PhD to customize. Clean code, great docs, amazing support.",
-    author: "Jordan Lee",
-    handle: "@jordanlee",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    twitterUrl: "https://twitter.com/jordanlee"
-  },
-  {
-    content: "Our design team is obsessed with the consistency across all components. Makes our job so much easier!",
-    author: "Maya Patel",
-    handle: "@mayapatel",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    twitterUrl: "https://twitter.com/mayapatel"
-  },
-  {
-    content: "Switched from building everything from scratch to using Opensite AI. Best decision we made this quarter.",
-    author: "Chris Wong",
-    handle: "@chriswong",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    twitterUrl: "https://twitter.com/chriswong"
-  },
-  {
-    content: "The semantic component system is genius. Our AI can now pick the perfect component every time.",
-    author: "Emma Davis",
-    handle: "@emmadavis",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6,
-    twitterUrl: "https://twitter.com/emmadavis"
-  }
-];
 function TestimonialsTwitterCards({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -1048,15 +995,16 @@ function TestimonialsTwitterCards({
   pattern,
   patternOpacity
 }) {
-  const getAuthorName = (testimonial) => {
+  const getAuthorName = useCallback((testimonial) => {
     if (typeof testimonial.author === "string") return testimonial.author;
     return "";
-  };
-  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",
       {
@@ -1108,7 +1056,7 @@ function TestimonialsTwitterCards({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardContentClassName, authorClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, cardContentClassName, authorClassName, getAuthorName, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/testimonials-wall-compact.cjs

@@ -488,94 +488,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: "Game-changer for our team. Productivity up 50%!",
-    author: "Sarah Chen",
-    handle: "@sarahchen",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    badge: "Featured"
-  },
-  {
-    quote: "Best tool I've used in years. Highly recommend.",
-    author: "Michael Torres",
-    handle: "@mtorres",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Support team is incredible. Always there when needed.",
-    author: "Emily Watson",
-    handle: "@emilyw",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Clean UI, powerful features. Perfect combo.",
-    author: "David Kim",
-    handle: "@davidkim",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    badge: "Verified"
-  },
-  {
-    quote: "Switched from competitors. Never looking back.",
-    author: "Lisa Park",
-    handle: "@lisapark",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "ROI was visible in the first week. Amazing!",
-    author: "Alex Rivera",
-    handle: "@alexr",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  },
-  {
-    quote: "Documentation is top-notch. Easy to get started.",
-    author: "Jordan Lee",
-    handle: "@jordanlee",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar7
-  },
-  {
-    quote: "Our whole team adopted it instantly. Love it!",
-    author: "Maya Patel",
-    handle: "@mayap",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar8,
-    badge: "Power User"
-  },
-  {
-    quote: "Finally, a tool that just works. No fuss.",
-    author: "Chris Wong",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Customer service responded in minutes. Impressed!",
-    author: "Emma Davis",
-    handle: "@emmad",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Worth every penny. Quality is unmatched.",
-    author: "Ryan Miller",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Integrations work flawlessly. Saved us hours.",
-    author: "Sophie Brown",
-    handle: "@sophieb",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  }
-];
 function TestimonialsWallCompact({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -592,18 +506,19 @@ function TestimonialsWallCompact({
   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",
       {
@@ -652,7 +567,7 @@ function TestimonialsWallCompact({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, authorClassName, quoteClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, authorClassName, quoteClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {

package/dist/testimonials-wall-compact.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';
@@ -463,94 +463,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: "Game-changer for our team. Productivity up 50%!",
-    author: "Sarah Chen",
-    handle: "@sarahchen",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    badge: "Featured"
-  },
-  {
-    quote: "Best tool I've used in years. Highly recommend.",
-    author: "Michael Torres",
-    handle: "@mtorres",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Support team is incredible. Always there when needed.",
-    author: "Emily Watson",
-    handle: "@emilyw",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Clean UI, powerful features. Perfect combo.",
-    author: "David Kim",
-    handle: "@davidkim",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4,
-    badge: "Verified"
-  },
-  {
-    quote: "Switched from competitors. Never looking back.",
-    author: "Lisa Park",
-    handle: "@lisapark",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5
-  },
-  {
-    quote: "ROI was visible in the first week. Amazing!",
-    author: "Alex Rivera",
-    handle: "@alexr",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar6
-  },
-  {
-    quote: "Documentation is top-notch. Easy to get started.",
-    author: "Jordan Lee",
-    handle: "@jordanlee",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar7
-  },
-  {
-    quote: "Our whole team adopted it instantly. Love it!",
-    author: "Maya Patel",
-    handle: "@mayap",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar8,
-    badge: "Power User"
-  },
-  {
-    quote: "Finally, a tool that just works. No fuss.",
-    author: "Chris Wong",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1
-  },
-  {
-    quote: "Customer service responded in minutes. Impressed!",
-    author: "Emma Davis",
-    handle: "@emmad",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2
-  },
-  {
-    quote: "Worth every penny. Quality is unmatched.",
-    author: "Ryan Miller",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3
-  },
-  {
-    quote: "Integrations work flawlessly. Saved us hours.",
-    author: "Sophie Brown",
-    handle: "@sophieb",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar4
-  }
-];
 function TestimonialsWallCompact({
-  testimonials = DEFAULT_TESTIMONIALS,
+  testimonials,
   testimonialsSlot,
   heading,
   description,
@@ -567,18 +481,19 @@ function TestimonialsWallCompact({
   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",
       {
@@ -627,7 +542,7 @@ function TestimonialsWallCompact({
         })
       }
     );
-  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, authorClassName, quoteClassName]);
+  }, [testimonialsSlot, gridClassName, testimonials, cardClassName, authorClassName, quoteClassName, getAuthorName, getAvatarSrc, getInitials]);
   return /* @__PURE__ */ jsxs(
     Section,
     {

package/dist/timeline-changelog-badges.cjs

@@ -521,7 +521,7 @@ function TimelineChangelogBadges({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground lg:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter lg:text-6xl",
               headingClassName
             ),
             children: heading
@@ -546,7 +546,7 @@ function TimelineChangelogBadges({
           "h1",
           {
             className: cn(
-              "mb-10 text-center text-3xl font-bold tracking-tighter text-foreground lg:text-6xl",
+              "mb-10 text-center text-3xl font-bold tracking-tighter lg:text-6xl",
               headingClassName
             ),
             children: heading
@@ -583,7 +583,7 @@ function TimelineChangelogBadges({
                     "span",
                     {
                       className: cn(
-                        "text-md leading-relaxed text-foreground",
+                        "text-md leading-relaxed",
                         itemClassName
                       ),
                       children: item.content
@@ -592,7 +592,7 @@ function TimelineChangelogBadges({
                     "span",
                     {
                       className: cn(
-                        "text-md leading-relaxed text-foreground",
+                        "text-md leading-relaxed",
                         itemClassName
                       ),
                       dangerouslySetInnerHTML: {