@opensite/ui 0.4.2 → 0.4.3

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

@@ -969,6 +969,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -988,7 +989,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1084,39 +1085,55 @@ function ResourceListFeaturedGrid({
   const renderSecondaryArticles = () => {
     if (secondaryArticlesSlot) return secondaryArticlesSlot;
     if (!secondaryArticles || secondaryArticles.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4 lg:col-span-5 lg:row-span-2 lg:flex-col", secondaryArticlesClassName), children: secondaryArticles.map((article, idx) => /* @__PURE__ */ jsxs(
-      Pressable,
+    return /* @__PURE__ */ jsx(
+      "div",
       {
-        href: article.link,
         className: cn(
-          "group relative isolate overflow-hidden rounded-2xl border border-border transition-transform duration-300 hover:-translate-y-0.5",
-          article.className
+          "flex flex-col gap-4 lg:col-span-5 lg:row-span-2 lg:flex-col",
+          secondaryArticlesClassName
         ),
-        children: [
-          /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: article.imageUrl,
-              alt: typeof article.title === "string" ? article.title : "Article",
-              className: "size-full max-h-[267px] object-cover grayscale-100 transition-all duration-300 group-hover:grayscale-50",
-              optixFlowConfig
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-primary to-transparent" }),
-          /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col justify-between p-8", children: [
-            article.badge && /* @__PURE__ */ jsx(Badge, { className: "w-fit border border-background/20 bg-background/15 backdrop-blur-sm", children: article.badge }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-              typeof article.title === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-background", children: article.title }) : /* @__PURE__ */ jsx("div", { className: "text-xl font-medium text-background", children: article.title }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                typeof article.date === "string" ? /* @__PURE__ */ jsx("time", { className: "text-sm text-background/80", children: article.date }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-background/80", children: article.date }),
-                article.authors.map((author, authorIdx) => /* @__PURE__ */ jsx(Avatar, { className: "size-6 border border-primary", children: /* @__PURE__ */ jsx(AvatarImage, { src: author }) }, authorIdx))
+        children: secondaryArticles.map((article, idx) => /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            href: article.link,
+            className: cn(
+              "group relative isolate overflow-hidden rounded-2xl border border-border transition-transform duration-300 hover:-translate-y-0.5",
+              article.className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: article.imageUrl,
+                  alt: typeof article.title === "string" ? article.title : "Article",
+                  className: "size-full max-h-[267px] object-cover grayscale-100 transition-all duration-300 group-hover:grayscale-50",
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-primary to-transparent" }),
+              /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-10 flex flex-col justify-between p-8", children: [
+                article.badge && /* @__PURE__ */ jsx(Badge, { className: "w-fit border border-background/20 bg-background/15 backdrop-blur-sm", children: article.badge }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+                  typeof article.title === "string" ? /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-background", children: article.title }) : /* @__PURE__ */ jsx("div", { className: "text-xl font-medium text-background", children: article.title }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    typeof article.date === "string" ? /* @__PURE__ */ jsx("time", { className: "text-sm text-background/80", children: article.date }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-background/80", children: article.date }),
+                    article.authors.map((author, authorIdx) => /* @__PURE__ */ jsx(
+                      Avatar,
+                      {
+                        className: "size-6 border border-primary",
+                        children: /* @__PURE__ */ jsx(AvatarImage, { src: author })
+                      },
+                      authorIdx
+                    ))
+                  ] })
+                ] })
               ] })
-            ] })
-          ] })
-        ]
-      },
-      idx
-    )) });
+            ]
+          },
+          idx
+        ))
+      }
+    );
   };
   const renderArticles = () => {
     if (articlesSlot) return articlesSlot;
@@ -1134,7 +1151,14 @@ function ResourceListFeaturedGrid({
           /* @__PURE__ */ jsxs("div", { className: "flex w-full shrink-0 grid-cols-3 justify-between gap-2 md:grid md:max-w-80", children: [
             /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: article.categoryLabel ?? article.category }),
             typeof article.date === "string" ? /* @__PURE__ */ jsx("time", { className: "text-sm text-muted-foreground", children: article.date }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: article.date }),
-            /* @__PURE__ */ jsx("div", { className: "hidden items-center justify-end -space-x-2 md:flex", children: article.author.map((author, authorIdx) => /* @__PURE__ */ jsx(Avatar, { className: "size-6 border border-border", children: /* @__PURE__ */ jsx(AvatarImage, { src: author }) }, authorIdx)) })
+            /* @__PURE__ */ jsx("div", { className: "hidden items-center justify-end -space-x-2 md:flex", children: article.author.map((author, authorIdx) => /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                className: "size-6 border border-border",
+                children: /* @__PURE__ */ jsx(AvatarImage, { src: author })
+              },
+              authorIdx
+            )) })
           ] })
         ]
       },
@@ -1150,14 +1174,50 @@ function ResourceListFeaturedGrid({
       pattern,
       patternOpacity,
       children: [
-        title && (typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-medium sm:text-6xl md:text-7xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description })),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-10 grid grid-cols-1 gap-4 lg:grid-cols-12", gridClassName), children: [
-          renderFeaturedArticle(),
-          renderSecondaryArticles()
-        ] }),
+        title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: cn(
+              "text-4xl font-medium sm:text-6xl md:text-7xl",
+              titleClassName
+            ),
+            children: title
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+        description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-4 text-lg text-muted-foreground",
+              descriptionClassName
+            ),
+            children: description
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description })),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-10 grid grid-cols-1 gap-4 lg:grid-cols-12",
+              gridClassName
+            ),
+            children: [
+              renderFeaturedArticle(),
+              renderSecondaryArticles()
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "mt-24", children: [
-          latestUpdatesTitle && (typeof latestUpdatesTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-6 text-2xl font-medium md:text-3xl", latestUpdatesTitleClassName), children: latestUpdatesTitle }) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", latestUpdatesTitleClassName), children: latestUpdatesTitle })),
+          latestUpdatesTitle && (typeof latestUpdatesTitle === "string" ? /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: cn(
+                "mb-6 text-2xl font-medium md:text-3xl",
+                latestUpdatesTitleClassName
+              ),
+              children: latestUpdatesTitle
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", latestUpdatesTitleClassName), children: latestUpdatesTitle })),
           /* @__PURE__ */ jsx(
             Tabs,
             {

package/dist/resource-list-hero-filter.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

package/dist/resource-list-hero-filter.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

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

@@ -933,6 +933,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -952,7 +953,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1034,22 +1035,40 @@ function ResourceListNewsUpdates({
       className,
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-start justify-between gap-5 lg:flex-row lg:gap-2", contentClassName), children: [
-        sectionLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full max-w-56 items-center gap-3 text-sm", sectionLabelClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-primary" }),
-          typeof sectionLabel === "string" ? sectionLabel : sectionLabel
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-          (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: cn("text-3xl", titleClassName), children: [
-            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 })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col items-start justify-between gap-5 lg:flex-row lg:gap-2",
+            contentClassName
+          ),
+          children: [
+            sectionLabel && /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex w-full max-w-56 items-center gap-3 text-sm",
+                  sectionLabelClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-primary" }),
+                  typeof sectionLabel === "string" ? sectionLabel : sectionLabel
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: cn("text-3xl", titleClassName), children: [
+                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 })
+                ] })
+              ] }),
+              renderNews()
             ] })
-          ] }),
-          renderNews()
-        ] })
-      ] })
+          ]
+        }
+      )
     }
   );
 }

package/dist/resource-list-news-updates.d.cts

@@ -1,11 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
-import './blocks-CJYRLpXR.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {
@@ -90,7 +89,7 @@ interface ResourceListNewsUpdatesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/resource-list-news-updates.d.ts

@@ -1,11 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import './patternSvgs-c5ZNVoTT.js';
-import './blocks-BWc_7JNA.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {
@@ -90,7 +89,7 @@ interface ResourceListNewsUpdatesProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

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

@@ -910,6 +910,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -929,7 +930,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1011,22 +1012,40 @@ function ResourceListNewsUpdates({
       className,
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-start justify-between gap-5 lg:flex-row lg:gap-2", contentClassName), children: [
-        sectionLabel && /* @__PURE__ */ jsxs("div", { className: cn("flex w-full max-w-56 items-center gap-3 text-sm", sectionLabelClassName), children: [
-          /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-primary" }),
-          typeof sectionLabel === "string" ? sectionLabel : sectionLabel
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-          (title || subtitle) && /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl", titleClassName), children: [
-            typeof title === "string" ? title : /* @__PURE__ */ jsx("span", { children: title }),
-            subtitle && /* @__PURE__ */ jsxs(Fragment, { 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 })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col items-start justify-between gap-5 lg:flex-row lg:gap-2",
+            contentClassName
+          ),
+          children: [
+            sectionLabel && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex w-full max-w-56 items-center gap-3 text-sm",
+                  sectionLabelClassName
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-primary" }),
+                  typeof sectionLabel === "string" ? sectionLabel : sectionLabel
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              (title || subtitle) && /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl", titleClassName), children: [
+                typeof title === "string" ? title : /* @__PURE__ */ jsx("span", { children: title }),
+                subtitle && /* @__PURE__ */ jsxs(Fragment, { 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 })
+                ] })
+              ] }),
+              renderNews()
             ] })
-          ] }),
-          renderNews()
-        ] })
-      ] })
+          ]
+        }
+      )
     }
   );
 }

package/dist/reviews-images-helpful.cjs

@@ -980,6 +980,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -999,7 +1000,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1260,34 +1261,43 @@ function ReviewsImagesHelpful({
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reviewClassName, children: [
         index > 0 && /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-6" }),
         /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "border-0 p-0 shadow-none", children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: cn("space-y-4 p-0", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start justify-between gap-4", authorClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  AvatarImage,
-                  {
-                    src: review.avatarSrc,
-                    alt: authorName
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
-                  review.verified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1 text-emerald-600", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/badge-check", size: 16 }) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-                  review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.date }),
-                  review.variant && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.variant })
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex items-start justify-between gap-4",
+                authorClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(Avatar, { className: "size-10", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarImage, { src: review.avatarSrc, alt: authorName }),
+                    /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { children: getInitials(authorName) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                      review.author && (typeof review.author === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: review.author }) : review.author),
+                      review.verified && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center gap-1 text-emerald-600", children: /* @__PURE__ */ jsxRuntime.jsx(
+                        DynamicIcon,
+                        {
+                          name: "lucide/badge-check",
+                          size: 16
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+                      review.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.date }),
+                      review.variant && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: review.variant })
+                      ] })
+                    ] })
                   ] })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating, size: 16 })
-          ] }),
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(StarRating, { rating: review.rating, size: 16 })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             review.title && (typeof review.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium", children: review.title }) : review.title),
             review.content && (typeof review.content === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-muted-foreground", children: review.content }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: review.content }))
@@ -1364,29 +1374,39 @@ function ReviewsImagesHelpful({
       patternOpacity,
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", headerClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-2xl font-semibold tracking-tight md:text-3xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-            /* @__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: [
-                "(",
-                totalReviews,
-                " reviews)"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              asButton: true,
-              variant: "outline",
-              onClick: onWriteReview,
-              children: writeReviewLabel
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between",
+              headerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "text-2xl font-semibold tracking-tight md:text-3xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+                /* @__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: [
+                    "(",
+                    totalReviews,
+                    " reviews)"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, variant: "outline", onClick: onWriteReview, children: writeReviewLabel })
+            ]
+          }
+        ),
         renderReviews()
       ] })
     }

package/dist/reviews-images-helpful.d.cts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -113,7 +112,7 @@ interface ReviewsImagesHelpfulProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/reviews-images-helpful.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**
@@ -113,7 +112,7 @@ interface ReviewsImagesHelpfulProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */