@opensite/ui 0.8.5 → 0.8.7

package/dist/reviews-images-helpful.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState, useMemo } from 'react';
+import React__default, { useState, useCallback, useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1005,190 +1005,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",
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
-
-// lib/mediaPlaceholders.ts
-var imagePlaceholders = [
-  "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-  "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-  "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-  "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-  "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-  "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q",
-  "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz",
-  "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs",
-  "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0",
-  "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x",
-  "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc",
-  "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v",
-  "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac",
-  "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm",
-  "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v",
-  "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc",
-  "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt",
-  "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov",
-  "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6",
-  "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82",
-  "https://toastability-production.s3.amazonaws.com/a3m42usevv0iet0fpfwa1fsytxmv",
-  "https://toastability-production.s3.amazonaws.com/qghzqu1i99vaubyew9s5dxcbel9l",
-  "https://toastability-production.s3.amazonaws.com/9covpitzpuuobkg1m4mfokpi0enw",
-  "https://toastability-production.s3.amazonaws.com/2d4k8d5shwg82276hzj2ztbj7mxq",
-  "https://toastability-production.s3.amazonaws.com/op92dycs7w856e2jsvx20st0nyz9",
-  "https://toastability-production.s3.amazonaws.com/f921uoblxbv8f9bmr4s2ik7xxugl",
-  "https://toastability-production.s3.amazonaws.com/gl7n7p6atndufbsm6q2ac5jeqttp",
-  "https://toastability-production.s3.amazonaws.com/sj8cs2gpbanaowqwxar1uhhwd23z",
-  "https://toastability-production.s3.amazonaws.com/hu4gmd93sp95wdyr9qijze0rgim9",
-  "https://toastability-production.s3.amazonaws.com/uh2vd59np82h8sevbmfnsha89sf1",
-  "https://toastability-production.s3.amazonaws.com/gxs6zevccphti0hdq5l9fwytprpr",
-  "https://toastability-production.s3.amazonaws.com/s4vho0wfbjhf758oife8qfuekou8",
-  "https://toastability-production.s3.amazonaws.com/1b0gd8ul22q799d62dvm3sgyll85",
-  "https://toastability-production.s3.amazonaws.com/102grjqg8aigxkj585s9x3xbxfv7",
-  "https://toastability-production.s3.amazonaws.com/dvz0441h9fxjhh88lzqbwdoyxv52",
-  "https://toastability-production.s3.amazonaws.com/50y066ms7rb5sw62u9u08jzkk8rj",
-  "https://toastability-production.s3.amazonaws.com/9uxe0jw1zl1tujy0m5yalo7m2ht8",
-  "https://toastability-production.s3.amazonaws.com/cyhcpla6me8vs936i3fw6wbhypi2",
-  "https://toastability-production.s3.amazonaws.com/6ntdz6xwid3fswjz8y0otdxmzs40",
-  "https://toastability-production.s3.amazonaws.com/y1aezpa78m2fhfvj8whcx337y9cb",
-  "https://toastability-production.s3.amazonaws.com/eoa76d31ynbg34urr6e4619la1f7",
-  "https://toastability-production.s3.amazonaws.com/0mh8a1dg7ftcqnyzgv303u501c8y",
-  "https://toastability-production.s3.amazonaws.com/vvucxqs128w2d0z3n4s2z131rq7p",
-  "https://toastability-production.s3.amazonaws.com/2rbqbw9778770i8izdeabx8v2w2k",
-  "https://toastability-production.s3.amazonaws.com/90rcw2mljzpeuxlac8q77mor15xz",
-  "https://toastability-production.s3.amazonaws.com/vh1aowwr93yz4qrzct2s4je0cxdo",
-  "https://toastability-production.s3.amazonaws.com/ssgb7unxdwdqokfvhkp7cok2v79s",
-  "https://toastability-production.s3.amazonaws.com/vvkma6b8whdkiq5nq8z4eyfe00vo",
-  "https://toastability-production.s3.amazonaws.com/9797jh6slgbf9oq6lzlimcdiuziv",
-  "https://toastability-production.s3.amazonaws.com/betxbx61fkijt0aygineplf489ze",
-  "https://toastability-production.s3.amazonaws.com/0o6d7z4mm9nzeufhv9kefrhihbip",
-  "https://toastability-production.s3.amazonaws.com/1xdx70c7gp9l883soyh5d3exesvt",
-  "https://toastability-production.s3.amazonaws.com/jhjfvkmdzktacyijd9fh6acc7o2c",
-  "https://toastability-production.s3.amazonaws.com/n001o4pfpszmyw03ubctig7kvf0e",
-  "https://toastability-production.s3.amazonaws.com/l080sx0lcx51x44dqrb8006nqf08",
-  "https://toastability-production.s3.amazonaws.com/2t36c7l0ywchaz4nys8yj2l5amae",
-  "https://toastability-production.s3.amazonaws.com/gg5qnvb4nsl2k3g4dw4ls8bsllwh",
-  "https://toastability-production.s3.amazonaws.com/3nqc7xvjy3e8d7jo1gdvbzty0oqg",
-  "https://toastability-production.s3.amazonaws.com/0kx9umbfmv881wt9dfqnohv8efgi",
-  "https://toastability-production.s3.amazonaws.com/9z0sbfnskx70vse99e3dfhper7i1",
-  "https://toastability-production.s3.amazonaws.com/9keidwrag6g7jtqr7rdwb1ryt6ht",
-  "https://toastability-production.s3.amazonaws.com/zm88vf14geh1gh0frd3yrdlb6pl8",
-  "https://toastability-production.s3.amazonaws.com/0x7ktdk01jfaoysst0emzvqevu19",
-  "https://toastability-production.s3.amazonaws.com/e83zsyvl0an0owzdmpwjnnty641x",
-  "https://toastability-production.s3.amazonaws.com/t3k42fbzq7r7j93feldqm5cj1o1n",
-  "https://toastability-production.s3.amazonaws.com/5sm6wc4no8fyzxfki5njmnv6gql5",
-  "https://toastability-production.s3.amazonaws.com/w41h7890eivogu3sr78vlwkpzz8g",
-  "https://toastability-production.s3.amazonaws.com/vrezhtksoqbw1nyo4hwnoqizrus5",
-  "https://toastability-production.s3.amazonaws.com/8qkikcd43paeqgvw9gc1032j3yup",
-  "https://toastability-production.s3.amazonaws.com/ihhq8unynafk4aikmys3rhbfibaz",
-  "https://toastability-production.s3.amazonaws.com/rews5enr9ynu6izioj66s8ec90nc",
-  "https://toastability-production.s3.amazonaws.com/6ku135fhv528eei3agnoc3zd7y75",
-  "https://toastability-production.s3.amazonaws.com/x4scuzhsozrwrg703df5wbhygkgo",
-  "https://toastability-production.s3.amazonaws.com/73e0s79u4crdu7cmjfp99j1l2v55",
-  "https://toastability-production.s3.amazonaws.com/rddfyzvfpdlbzwhgep2myppwxn05",
-  "https://toastability-production.s3.amazonaws.com/mat88x8zzdek7wpgtocjrehfivsh",
-  "https://toastability-production.s3.amazonaws.com/3vwfdbekbkskxj2mvlvu85fz787u",
-  "https://toastability-production.s3.amazonaws.com/ms4s4zyqpmboh0slez1cwat9qhw4",
-  "https://toastability-production.s3.amazonaws.com/5jsc0b4e3gxnjs81iotw2c3e6da3",
-  "https://toastability-production.s3.amazonaws.com/0g6t701zqr2r7najmdgftpeqnxmz",
-  "https://toastability-production.s3.amazonaws.com/u3p1hlbm2c1vvkwlm8h668pe132z",
-  "https://toastability-production.s3.amazonaws.com/ehgbcugs782765ke1l2dtbtzd918",
-  "https://toastability-production.s3.amazonaws.com/kka8f550on7acx1lf82xleu6zhzo",
-  "https://toastability-production.s3.amazonaws.com/67fnapqepn7f8vwt0x4nqho70hbz",
-  "https://toastability-production.s3.amazonaws.com/t4cidbsfz3z468bn45yqdrkbx7ou",
-  "https://toastability-production.s3.amazonaws.com/gq3c9qalkiomu0rzdzxymkdaazdu",
-  "https://toastability-production.s3.amazonaws.com/9ujya2tfhxja7y5s9wb7d2u8crhd",
-  "https://toastability-production.s3.amazonaws.com/hotlo54tsvl2k3eht9gg0460l9zw",
-  "https://toastability-production.s3.amazonaws.com/ytbyjrcvrghc7wl6w1g7g8fwka22",
-  "https://toastability-production.s3.amazonaws.com/uv0g605yf5mz106nrm1uspt9l0rr",
-  "https://toastability-production.s3.amazonaws.com/yrp5k5xszwpe26fquupey6a6g0uu",
-  "https://toastability-production.s3.amazonaws.com/97gctpna2hdozl1f8u5xq4ew8h0o",
-  "https://toastability-production.s3.amazonaws.com/xjtepune0scj9yjkkqgaiwlq9hls",
-  "https://toastability-production.s3.amazonaws.com/g607vblaarqctl1cvgxffhx4pw6g",
-  "https://toastability-production.s3.amazonaws.com/4xpu1ljr9c8g6qzmfum5ygjzbzpb",
-  "https://toastability-production.s3.amazonaws.com/yw5f7iwyypf4kctpr5ye5e495swt",
-  "https://toastability-production.s3.amazonaws.com/z37cidvud212bzqhhalrhvk7ipaa",
-  "https://toastability-production.s3.amazonaws.com/pfllskt7q7144l288lrnpc6gx606",
-  "https://toastability-production.s3.amazonaws.com/fokd3hxzvdtsomagbfhqooyvndyv",
-  "https://toastability-production.s3.amazonaws.com/6fffnb4phovtqkjhtzifs4rhb84u",
-  "https://toastability-production.s3.amazonaws.com/mt87xjr79wxdhjy7496v3r6m2m9t",
-  "https://toastability-production.s3.amazonaws.com/3dy9ge962uarlaf2xl7imdcviqgx",
-  "https://toastability-production.s3.amazonaws.com/okf6fg4n9yv59up8ivgcdjy3w030",
-  "https://toastability-production.s3.amazonaws.com/t7iteqw4xhtppkiws88bsoia25hv",
-  "https://toastability-production.s3.amazonaws.com/klr5tuvulkyqfb721txtu4hgzxdm",
-  "https://toastability-production.s3.amazonaws.com/9eddibiq5ovc9cvs3ekijkrjpahg",
-  "https://toastability-production.s3.amazonaws.com/3ghn8dz3g9qtt4pf4nwbriaydvzb",
-  "https://toastability-production.s3.amazonaws.com/82ykd8s8boiqaxypkulb0v0s2qiw",
-  "https://toastability-production.s3.amazonaws.com/4eqmdeanxfk6jzvigo42y5ryv2c8",
-  "https://toastability-production.s3.amazonaws.com/9ughnl9wnko2vdboib8n3wl3cxsy",
-  "https://toastability-production.s3.amazonaws.com/4xjcgtlwseruezhoh3o1ga4umhj4",
-  "https://toastability-production.s3.amazonaws.com/xwh1zzxgyd887thfm1j9lu9qnd6c",
-  "https://toastability-production.s3.amazonaws.com/ri0dqx79spe6771np76mkmno5xfd",
-  "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
-  "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
-];
-var DEFAULT_REVIEWS = [
-  {
-    rating: 5,
-    title: "Absolutely stunning quality",
-    content: "The craftsmanship on this is incredible. Photos don't do it justice - it looks even better in person. The material feels premium and the fit is perfect. I've already gotten so many compliments!",
-    author: "Sarah M.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    date: "Dec 10, 2024",
-    verified: true,
-    images: [imagePlaceholders[0], imagePlaceholders[1]],
-    helpful: 24,
-    variant: "Size M, Navy Blue"
-  },
-  {
-    rating: 4,
-    title: "Great product, minor sizing issue",
-    content: "Love the quality and design. Runs slightly small so I'd recommend sizing up. Other than that, it's exactly what I was looking for. Fast shipping too!",
-    author: "James R.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    date: "Dec 8, 2024",
-    verified: true,
-    helpful: 18,
-    variant: "Size L, Black"
-  },
-  {
-    rating: 5,
-    title: "My new favorite!",
-    content: "I've been searching for something like this for months. The attention to detail is amazing - from the stitching to the hardware, everything is top notch. Worth every penny.",
-    author: "Emily K.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    date: "Dec 5, 2024",
-    verified: true,
-    images: [imagePlaceholders[2]],
-    helpful: 31,
-    variant: "One Size, Cream"
-  },
-  {
-    rating: 5,
-    title: "Exceeded expectations",
-    content: "Was hesitant to order online but so glad I did. The color is exactly as shown and the quality is exceptional. Customer service was also very responsive when I had questions about care instructions.",
-    author: "Michael T.",
-    date: "Dec 2, 2024",
-    verified: false,
-    helpful: 12
-  },
-  {
-    rating: 4,
-    title: "Beautiful but pricey",
-    content: "The product is gorgeous and well-made. I debated for a while because of the price, but ultimately happy with my purchase. Would love to see more color options in the future.",
-    author: "Lisa P.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    date: "Nov 28, 2024",
-    verified: true,
-    images: [imagePlaceholders[3]],
-    helpful: 8,
-    variant: "Gold"
-  }
-];
 function StarRating({ rating, size = 16 }) {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
     DynamicIcon,
@@ -1203,7 +1019,7 @@ function StarRating({ rating, size = 16 }) {
   )) });
 }
 function ReviewsImagesHelpful({
-  reviews = DEFAULT_REVIEWS,
+  reviews,
   reviewsSlot,
   heading,
   writeReviewLabel,
@@ -1217,15 +1033,15 @@ function ReviewsImagesHelpful({
   imagesClassName,
   onWriteReview,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const [helpfulClicked, setHelpfulClicked] = useState(/* @__PURE__ */ new Set());
-  const totalReviews = reviews.length;
-  const averageRating = reviews.reduce((sum, review) => sum + review.rating, 0) / totalReviews;
-  const handleHelpful = (reviewIndex) => {
+  const totalReviews = reviews?.length ?? 0;
+  const averageRating = totalReviews > 0 ? (reviews?.reduce((sum, review) => sum + review.rating, 0) ?? 0) / totalReviews : 0;
+  const handleHelpful = useCallback((reviewIndex) => {
     setHelpfulClicked((prev) => {
       const newSet = new Set(prev);
       if (newSet.has(reviewIndex)) {
@@ -1235,16 +1051,17 @@ function ReviewsImagesHelpful({
       }
       return newSet;
     });
-  };
-  const getAuthorName = (review) => {
+  }, []);
+  const getAuthorName = useCallback((review) => {
     if (typeof review.author === "string") return review.author;
     return "";
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedReviews = useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
+    if (!reviews || reviews.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
       return /* @__PURE__ */ jsxs("div", { className: reviewClassName, children: [
@@ -1353,7 +1170,20 @@ function ReviewsImagesHelpful({
         ] }) })
       ] }, index);
     }) });
-  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, imagesClassName, helpfulClicked, optixFlowConfig, reportButtonLabel]);
+  }, [
+    reviewsSlot,
+    reviews,
+    reviewClassName,
+    contentClassName,
+    authorClassName,
+    imagesClassName,
+    helpfulClicked,
+    optixFlowConfig,
+    reportButtonLabel,
+    getAuthorName,
+    getInitials,
+    handleHelpful
+  ]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1382,7 +1212,7 @@ function ReviewsImagesHelpful({
                     children: heading
                   }
                 ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-                /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+                totalReviews > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
                   /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: averageRating.toFixed(1) }),
                   /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
@@ -1392,7 +1222,7 @@ function ReviewsImagesHelpful({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
+              (writeReviewLabel || onWriteReview) && /* @__PURE__ */ jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
             ]
           }
         ),

package/dist/reviews-list-verified.cjs

@@ -579,59 +579,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",
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
-var DEFAULT_REVIEWS = [
-  {
-    rating: 5,
-    title: "Exceeded my expectations",
-    content: "I was a bit skeptical at first, but this product really delivered. The quality is outstanding and it arrived faster than expected. Would definitely recommend to anyone on the fence.",
-    author: "Sarah M.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    date: "Dec 10, 2024",
-    verified: true
-  },
-  {
-    rating: 4,
-    title: "Great value for money",
-    content: "Solid product overall. Does exactly what it's supposed to do. Took off one star because the packaging could be better, but the product itself is great.",
-    author: "James R.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    date: "Dec 8, 2024",
-    verified: true
-  },
-  {
-    rating: 5,
-    title: "Perfect for everyday use",
-    content: "I've been using this daily for a month now and it still looks and works like new. The build quality is impressive at this price point. Already bought one for my sister.",
-    author: "Emily K.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    date: "Dec 5, 2024",
-    verified: true
-  },
-  {
-    rating: 4,
-    title: "Good but not perfect",
-    content: "The product is nice and works well. My only minor complaint is that the color is slightly different from the photos, but it's still a great purchase overall.",
-    author: "Michael T.",
-    date: "Dec 2, 2024",
-    verified: false
-  },
-  {
-    rating: 5,
-    title: "Best purchase I've made this year",
-    content: "Absolutely love it! The attention to detail is remarkable. Customer service was also very helpful when I had questions. Five stars all around.",
-    author: "Lisa P.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    date: "Nov 28, 2024",
-    verified: true
-  }
-];
 function StarRating({ rating, size = 16 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
     DynamicIcon,
@@ -646,7 +593,7 @@ function StarRating({ rating, size = 16 }) {
   )) });
 }
 function ReviewsListVerified({
-  reviews = DEFAULT_REVIEWS,
+  reviews,
   reviewsSlot,
   heading,
   verifiedPurchaseLabel,
@@ -661,16 +608,18 @@ function ReviewsListVerified({
   pattern,
   patternOpacity
 }) {
-  const averageRating = reviews.reduce((sum, review) => sum + review.rating, 0) / reviews.length;
-  const getAuthorName = (review) => {
+  const totalReviews = reviews?.length ?? 0;
+  const averageRating = totalReviews > 0 ? (reviews?.reduce((sum, review) => sum + review.rating, 0) ?? 0) / totalReviews : 0;
+  const getAuthorName = React.useCallback((review) => {
     if (typeof review.author === "string") return review.author;
     return "";
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = React.useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedReviews = React.useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
+    if (!reviews || reviews.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reviewClassName, children: [
@@ -702,7 +651,7 @@ function ReviewsListVerified({
         ] })
       ] }, index);
     }) });
-  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel]);
+  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel, getAuthorName, getInitials]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -723,12 +672,12 @@ function ReviewsListVerified({
               children: heading
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
+          totalReviews > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
               averageRating.toFixed(1),
               " out of 5 \xB7 ",
-              reviews.length,
+              totalReviews,
               " reviews"
             ] })
           ] })

package/dist/reviews-list-verified.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, Fragment } from 'react/jsx-runtime';
@@ -556,59 +556,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",
-  avatar5: "https://cdn.ing/assets/i/r/286243/alziyfoo570m3vade3usufzlzj6x/avatar-5.webp"};
-var DEFAULT_REVIEWS = [
-  {
-    rating: 5,
-    title: "Exceeded my expectations",
-    content: "I was a bit skeptical at first, but this product really delivered. The quality is outstanding and it arrived faster than expected. Would definitely recommend to anyone on the fence.",
-    author: "Sarah M.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar1,
-    date: "Dec 10, 2024",
-    verified: true
-  },
-  {
-    rating: 4,
-    title: "Great value for money",
-    content: "Solid product overall. Does exactly what it's supposed to do. Took off one star because the packaging could be better, but the product itself is great.",
-    author: "James R.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar2,
-    date: "Dec 8, 2024",
-    verified: true
-  },
-  {
-    rating: 5,
-    title: "Perfect for everyday use",
-    content: "I've been using this daily for a month now and it still looks and works like new. The build quality is impressive at this price point. Already bought one for my sister.",
-    author: "Emily K.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar3,
-    date: "Dec 5, 2024",
-    verified: true
-  },
-  {
-    rating: 4,
-    title: "Good but not perfect",
-    content: "The product is nice and works well. My only minor complaint is that the color is slightly different from the photos, but it's still a great purchase overall.",
-    author: "Michael T.",
-    date: "Dec 2, 2024",
-    verified: false
-  },
-  {
-    rating: 5,
-    title: "Best purchase I've made this year",
-    content: "Absolutely love it! The attention to detail is remarkable. Customer service was also very helpful when I had questions. Five stars all around.",
-    author: "Lisa P.",
-    avatarSrc: blockBrandedIconsAndPlaceholders.avatar5,
-    date: "Nov 28, 2024",
-    verified: true
-  }
-];
 function StarRating({ rating, size = 16 }) {
   return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsx(
     DynamicIcon,
@@ -623,7 +570,7 @@ function StarRating({ rating, size = 16 }) {
   )) });
 }
 function ReviewsListVerified({
-  reviews = DEFAULT_REVIEWS,
+  reviews,
   reviewsSlot,
   heading,
   verifiedPurchaseLabel,
@@ -638,16 +585,18 @@ function ReviewsListVerified({
   pattern,
   patternOpacity
 }) {
-  const averageRating = reviews.reduce((sum, review) => sum + review.rating, 0) / reviews.length;
-  const getAuthorName = (review) => {
+  const totalReviews = reviews?.length ?? 0;
+  const averageRating = totalReviews > 0 ? (reviews?.reduce((sum, review) => sum + review.rating, 0) ?? 0) / totalReviews : 0;
+  const getAuthorName = useCallback((review) => {
     if (typeof review.author === "string") return review.author;
     return "";
-  };
-  const getInitials = (name) => {
+  }, []);
+  const getInitials = useCallback((name) => {
     return name.split(" ").map((n) => n[0]).join("");
-  };
+  }, []);
   const renderedReviews = useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
+    if (!reviews || reviews.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
       return /* @__PURE__ */ jsxs("div", { className: reviewClassName, children: [
@@ -679,7 +628,7 @@ function ReviewsListVerified({
         ] })
       ] }, index);
     }) });
-  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel]);
+  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, verifiedPurchaseLabel, getAuthorName, getInitials]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -700,12 +649,12 @@ function ReviewsListVerified({
               children: heading
             }
           ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
+          totalReviews > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-3", children: [
             /* @__PURE__ */ jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
               averageRating.toFixed(1),
               " out of 5 \xB7 ",
-              reviews.length,
+              totalReviews,
               " reviews"
             ] })
           ] })

package/dist/service-detail-image-hero.cjs

@@ -495,14 +495,14 @@ function ServiceDetailImageHero({
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: cn("absolute inset-0 bg-black/50", heroOverlayClassName)
+              className: cn("absolute inset-0 bg-primary/90", heroOverlayClassName)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 container text-center", children: title && /* @__PURE__ */ jsxRuntime.jsx(
             "h1",
             {
               className: cn(
-                "text-4xl font-medium tracking-tight text-white md:text-5xl lg:text-6xl",
+                "text-4xl font-medium tracking-tight text-primary-foreground md:text-5xl lg:text-6xl",
                 titleClassName
               ),
               children: typeof title === "string" ? title : title

package/dist/service-detail-image-hero.js

@@ -489,14 +489,14 @@ function ServiceDetailImageHero({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("absolute inset-0 bg-black/50", heroOverlayClassName)
+              className: cn("absolute inset-0 bg-primary/90", heroOverlayClassName)
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "relative z-10 container text-center", children: title && /* @__PURE__ */ jsx(
             "h1",
             {
               className: cn(
-                "text-4xl font-medium tracking-tight text-white md:text-5xl lg:text-6xl",
+                "text-4xl font-medium tracking-tight text-primary-foreground md:text-5xl lg:text-6xl",
                 titleClassName
               ),
               children: typeof title === "string" ? title : title

package/dist/service-detail-stats-hero.cjs

@@ -508,7 +508,7 @@ function ServiceDetailStatsHero({
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: cn("absolute inset-0 bg-black/50", heroOverlayClassName)
+              className: cn("absolute inset-0 bg-primary/90", heroOverlayClassName)
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 container text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex flex-col items-center space-y-6", children: [
@@ -517,7 +517,7 @@ function ServiceDetailStatsHero({
               "h1",
               {
                 className: cn(
-                  "text-4xl font-medium tracking-tight text-white md:text-5xl lg:text-6xl",
+                  "text-4xl font-medium tracking-tight text-primary-foreground md:text-5xl lg:text-6xl",
                   titleClassName
                 ),
                 children: typeof title === "string" ? title : title

package/dist/service-detail-stats-hero.js

@@ -502,7 +502,7 @@ function ServiceDetailStatsHero({
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn("absolute inset-0 bg-black/50", heroOverlayClassName)
+              className: cn("absolute inset-0 bg-primary/90", heroOverlayClassName)
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "relative z-10 container text-center", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex flex-col items-center space-y-6", children: [
@@ -511,7 +511,7 @@ function ServiceDetailStatsHero({
               "h1",
               {
                 className: cn(
-                  "text-4xl font-medium tracking-tight text-white md:text-5xl lg:text-6xl",
+                  "text-4xl font-medium tracking-tight text-primary-foreground md:text-5xl lg:text-6xl",
                   titleClassName
                 ),
                 children: typeof title === "string" ? title : title

package/dist/service-hover-carousel.cjs

@@ -1352,13 +1352,13 @@ function ServiceHoverCarousel({
             "div",
             {
               className: cn(
-                "absolute bottom-0 left-1/2 h-0.5 w-60 -translate-x-1/2 rounded bg-gray-200",
+                "absolute bottom-0 left-1/2 h-0.5 w-60 -translate-x-1/2 rounded bg-muted",
                 progressClassName
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: "h-0.5 rounded bg-black transition-transform duration-300 ease-out",
+                  className: "h-0.5 rounded bg-foreground transition-transform duration-300 ease-out",
                   style: {
                     width: `${progressIndicatorWidth}px`,
                     transform: `translateX(${progressOffset}px)`

package/dist/service-hover-carousel.js

@@ -1328,13 +1328,13 @@ function ServiceHoverCarousel({
             "div",
             {
               className: cn(
-                "absolute bottom-0 left-1/2 h-0.5 w-60 -translate-x-1/2 rounded bg-gray-200",
+                "absolute bottom-0 left-1/2 h-0.5 w-60 -translate-x-1/2 rounded bg-muted",
                 progressClassName
               ),
               children: /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: "h-0.5 rounded bg-black transition-transform duration-300 ease-out",
+                  className: "h-0.5 rounded bg-foreground transition-transform duration-300 ease-out",
                   style: {
                     width: `${progressIndicatorWidth}px`,
                     transform: `translateX(${progressOffset}px)`