@opensite/ui 0.8.5 → 0.8.7

package/dist/resource-detail-whitepaper-sidebar.cjs

@@ -1004,7 +1004,7 @@ function ResourceDetailWhitepaperSidebar({
           sidebar?.resourceType && (typeof sidebar.resourceType === "string" ? sidebar.resourceType : sidebar.resourceType)
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-4 text-lg leading-snug font-semibold text-foreground", children: sidebar?.resourceTitle && (typeof sidebar.resourceTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: sidebar.resourceTitle }) : sidebar.resourceTitle) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-4 text-lg font-semibold leading-snug", children: sidebar?.resourceTitle && (typeof sidebar.resourceTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: sidebar.resourceTitle }) : sidebar.resourceTitle) }),
           showPdfPreview && sidebar?.pdfUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 overflow-hidden rounded-lg border border-border bg-muted/30", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               pdfViewer.PDFViewer,
@@ -1023,11 +1023,13 @@ function ResourceDetailWhitepaperSidebar({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
+              Pressable,
               {
-                type: "button",
+                asButton: true,
                 onClick: handleOpenFullViewer,
-                className: "flex w-full items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+                variant: "default",
+                size: "sm",
+                className: "w-full",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/maximize-2", size: 16 }),
                   viewFullDocumentLabel ?? "View Full Document"

package/dist/resource-detail-whitepaper-sidebar.js

@@ -983,7 +983,7 @@ function ResourceDetailWhitepaperSidebar({
           sidebar?.resourceType && (typeof sidebar.resourceType === "string" ? sidebar.resourceType : sidebar.resourceType)
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
-          /* @__PURE__ */ jsx("div", { className: "gap-4 text-lg leading-snug font-semibold text-foreground", children: sidebar?.resourceTitle && (typeof sidebar.resourceTitle === "string" ? /* @__PURE__ */ jsx("p", { children: sidebar.resourceTitle }) : sidebar.resourceTitle) }),
+          /* @__PURE__ */ jsx("div", { className: "gap-4 text-lg font-semibold leading-snug", children: sidebar?.resourceTitle && (typeof sidebar.resourceTitle === "string" ? /* @__PURE__ */ jsx("p", { children: sidebar.resourceTitle }) : sidebar.resourceTitle) }),
           showPdfPreview && sidebar?.pdfUrl && /* @__PURE__ */ jsxs("div", { className: "mt-4 overflow-hidden rounded-lg border border-border bg-muted/30", children: [
             /* @__PURE__ */ jsx(
               PDFViewer,
@@ -1002,11 +1002,13 @@ function ResourceDetailWhitepaperSidebar({
               }
             ),
             /* @__PURE__ */ jsx("div", { className: "border-t border-border p-3", children: /* @__PURE__ */ jsxs(
-              "button",
+              Pressable,
               {
-                type: "button",
+                asButton: true,
                 onClick: handleOpenFullViewer,
-                className: "flex w-full items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+                variant: "default",
+                size: "sm",
+                className: "w-full",
                 children: [
                   /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/maximize-2", size: 16 }),
                   viewFullDocumentLabel ?? "View Full Document"

package/dist/resource-list-course-cards.cjs

@@ -1052,7 +1052,7 @@ function ResourceListCourseCards({
                   }
                 ) }),
                 typeof course.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold", children: course.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold", children: course.title }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-sm text-foreground/90", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { children: course.audience.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [

package/dist/resource-list-course-cards.js

@@ -1030,7 +1030,7 @@ function ResourceListCourseCards({
                   }
                 ) }),
                 typeof course.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold", children: course.title }) : /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: course.title }),
-                /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm text-foreground/90", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/users", size: 16 }),
                     /* @__PURE__ */ jsx("span", { children: course.audience.map((item, i) => /* @__PURE__ */ jsxs("span", { children: [

package/dist/resource-list-featured-articles.cjs

@@ -991,7 +991,7 @@ var FeaturedPostComponent = ({
               children: badgeText
             }
           ),
-          typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl leading-[1.2] font-normal text-foreground md:text-[2.5rem] xl:text-[3.125rem]", children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl leading-[1.2] font-normal text-foreground md:text-[2.5rem] xl:text-[3.125rem]", children: title }),
+          typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl leading-[1.2] font-normal md:text-[2.5rem] xl:text-[3.125rem]", children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl leading-[1.2] font-normal md:text-[2.5rem] xl:text-[3.125rem]", children: title }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
@@ -1073,13 +1073,13 @@ function ResourceListFeaturedArticles({
       {
         href: article.link,
         className: cn(
-          "block w-full hover:bg-foreground/10",
+          "block w-full hover:bg-muted/50",
           article.className
         ),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-baseline justify-between gap-2 border-t py-6 text-foreground md:flex-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-1/4 font-medium", children: typeof article.date === "string" ? article.date : article.date }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-1/4", children: typeof article.category === "string" ? article.category : article.category }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-1/2 text-muted-foreground", children: typeof article.title === "string" ? article.title : article.title })
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-baseline justify-between gap-2 border-t py-6 md:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-1/4 font-medium text-muted-foreground", children: typeof article.date === "string" ? article.date : article.date }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-1/4 text-muted-foreground", children: typeof article.category === "string" ? article.category : article.category }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-1/2", children: typeof article.title === "string" ? article.title : article.title })
         ] })
       },
       index

package/dist/resource-list-featured-articles.js

@@ -970,7 +970,7 @@ var FeaturedPostComponent = ({
               children: badgeText
             }
           ),
-          typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-2xl leading-[1.2] font-normal text-foreground md:text-[2.5rem] xl:text-[3.125rem]", children: title }) : /* @__PURE__ */ jsx("div", { className: "text-2xl leading-[1.2] font-normal text-foreground md:text-[2.5rem] xl:text-[3.125rem]", children: title }),
+          typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-2xl leading-[1.2] font-normal md:text-[2.5rem] xl:text-[3.125rem]", children: title }) : /* @__PURE__ */ jsx("div", { className: "text-2xl leading-[1.2] font-normal md:text-[2.5rem] xl:text-[3.125rem]", children: title }),
           /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
             Pressable,
             {
@@ -1052,13 +1052,13 @@ function ResourceListFeaturedArticles({
       {
         href: article.link,
         className: cn(
-          "block w-full hover:bg-foreground/10",
+          "block w-full hover:bg-muted/50",
           article.className
         ),
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-baseline justify-between gap-2 border-t py-6 text-foreground md:flex-row", children: [
-          /* @__PURE__ */ jsx("div", { className: "basis-1/4 font-medium", children: typeof article.date === "string" ? article.date : article.date }),
-          /* @__PURE__ */ jsx("div", { className: "basis-1/4", children: typeof article.category === "string" ? article.category : article.category }),
-          /* @__PURE__ */ jsx("div", { className: "basis-1/2 text-muted-foreground", children: typeof article.title === "string" ? article.title : article.title })
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-baseline justify-between gap-2 border-t py-6 md:flex-row", children: [
+          /* @__PURE__ */ jsx("div", { className: "basis-1/4 font-medium text-muted-foreground", children: typeof article.date === "string" ? article.date : article.date }),
+          /* @__PURE__ */ jsx("div", { className: "basis-1/4 text-muted-foreground", children: typeof article.category === "string" ? article.category : article.category }),
+          /* @__PURE__ */ jsx("div", { className: "basis-1/2", children: typeof article.title === "string" ? article.title : article.title })
         ] })
       },
       index

package/dist/resource-list-hero-filter.cjs

@@ -1060,7 +1060,7 @@ var ResourceCard = ({
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-5 p-5", children: [
       typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg leading-none font-bold md:text-2xl", children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg leading-none font-bold md:text-2xl", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-[20rem]", children: typeof summary === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.4] font-medium text-foreground", children: summary }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-[1.4] font-medium text-foreground", children: summary }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-[20rem]", children: typeof summary === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.4] font-medium", children: summary }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm leading-[1.4] font-medium", children: summary }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: "rounded-full", children: [
         cta,
         /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 14, className: "ml-1" })
@@ -1141,7 +1141,7 @@ function ResourceListHeroFilter({
             renderedBreadcrumb,
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-5", children: [
               title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-[2.5rem] leading-[1.2] font-semibold md:text-5xl lg:text-6xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl leading-[1.4] font-semibold text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl leading-[1.4] font-semibold", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-120", children: /* @__PURE__ */ jsxRuntime.jsx(
               EmailForm,

package/dist/resource-list-hero-filter.js

@@ -1036,7 +1036,7 @@ var ResourceCard = ({
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-5 p-5", children: [
       typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-lg leading-none font-bold md:text-2xl", children: title }) : /* @__PURE__ */ jsx("div", { className: "text-lg leading-none font-bold md:text-2xl", children: title }),
-      /* @__PURE__ */ jsx("div", { className: "w-full max-w-[20rem]", children: typeof summary === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-[1.4] font-medium text-foreground", children: summary }) : /* @__PURE__ */ jsx("div", { className: "text-sm leading-[1.4] font-medium text-foreground", children: summary }) }),
+      /* @__PURE__ */ jsx("div", { className: "w-full max-w-[20rem]", children: typeof summary === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-[1.4] font-medium", children: summary }) : /* @__PURE__ */ jsx("div", { className: "text-sm leading-[1.4] font-medium", children: summary }) }),
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Badge, { className: "rounded-full", children: [
         cta,
         /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 14, className: "ml-1" })
@@ -1117,7 +1117,7 @@ function ResourceListHeroFilter({
             renderedBreadcrumb,
             /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-5", children: [
               title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-[2.5rem] leading-[1.2] font-semibold md:text-5xl lg:text-6xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl leading-[1.4] font-semibold text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl leading-[1.4] font-semibold", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
             ] }),
             /* @__PURE__ */ jsx("div", { className: "max-w-120", children: /* @__PURE__ */ jsx(
               EmailForm,

package/dist/resource-list-news-updates.cjs

@@ -1073,7 +1073,7 @@ function ResourceListNewsUpdates({
                 typeof title === "string" ? title : /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
                 subtitle && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-                  typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-primary/50", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: subtitleClassName, children: subtitle })
+                  typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-muted-foreground", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: subtitleClassName, children: subtitle })
                 ] })
               ] }),
               renderedNews

package/dist/resource-list-news-updates.js

@@ -1050,7 +1050,7 @@ function ResourceListNewsUpdates({
                 typeof title === "string" ? title : /* @__PURE__ */ jsx("span", { children: title }),
                 subtitle && /* @__PURE__ */ jsxs(Fragment$1, { children: [
                   /* @__PURE__ */ jsx("br", {}),
-                  typeof subtitle === "string" ? /* @__PURE__ */ jsx("span", { className: cn("text-primary/50", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsx("span", { className: subtitleClassName, children: subtitle })
+                  typeof subtitle === "string" ? /* @__PURE__ */ jsx("span", { className: cn("text-muted-foreground", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsx("span", { className: subtitleClassName, children: subtitle })
                 ] })
               ] }),
               renderedNews

package/dist/reviews-images-helpful.cjs

@@ -1029,190 +1029,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"};
-
-// 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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
     DynamicIcon,
@@ -1227,7 +1043,7 @@ function StarRating({ rating, size = 16 }) {
   )) });
 }
 function ReviewsImagesHelpful({
-  reviews = DEFAULT_REVIEWS,
+  reviews,
   reviewsSlot,
   heading,
   writeReviewLabel,
@@ -1241,15 +1057,15 @@ function ReviewsImagesHelpful({
   imagesClassName,
   onWriteReview,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const [helpfulClicked, setHelpfulClicked] = React.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 = React.useCallback((reviewIndex) => {
     setHelpfulClicked((prev) => {
       const newSet = new Set(prev);
       if (newSet.has(reviewIndex)) {
@@ -1259,16 +1075,17 @@ function ReviewsImagesHelpful({
       }
       return newSet;
     });
-  };
-  const getAuthorName = (review) => {
+  }, []);
+  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: [
@@ -1377,7 +1194,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__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1406,7 +1236,7 @@ function ReviewsImagesHelpful({
                     children: heading
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
+                totalReviews > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: Math.round(averageRating), size: 20 }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: averageRating.toFixed(1) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
@@ -1416,7 +1246,7 @@ function ReviewsImagesHelpful({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
+              (writeReviewLabel || onWriteReview) && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
             ]
           }
         ),