@opensite/ui 0.5.4 → 0.5.6

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

@@ -1,9 +1,9 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 import { Img } from '@page-speed/img';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
@@ -1021,12 +1021,12 @@ function ResourceListFeaturedArticles({
   articlesSlot,
   articlesClassName,
   optixFlowConfig,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderFeaturedPost = () => {
+  const renderedFeaturedPost = useMemo(() => {
     if (featuredPostSlot) return featuredPostSlot;
     if (!featuredPost) return null;
     return /* @__PURE__ */ jsx(
@@ -1041,8 +1041,8 @@ function ResourceListFeaturedArticles({
         optixFlowConfig
       }
     );
-  };
-  const renderArticles = () => {
+  }, [featuredPostSlot, featuredPost, featuredPostClassName, featuredBadgeText, featuredBadgeClassName, featuredButtonText, featuredButtonClassName, optixFlowConfig]);
+  const renderedArticles = useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (!articles || articles.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: articlesClassName, children: articles.map((article, index) => /* @__PURE__ */ jsx(
@@ -1061,7 +1061,7 @@ function ResourceListFeaturedArticles({
       },
       index
     )) });
-  };
+  }, [articlesSlot, articles, articlesClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1071,7 +1071,7 @@ function ResourceListFeaturedArticles({
       pattern,
       patternOpacity,
       children: [
-        renderFeaturedPost(),
+        renderedFeaturedPost,
         /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
           articlesTitle && (typeof articlesTitle === "string" ? /* @__PURE__ */ jsx(
             "h2",
@@ -1083,7 +1083,7 @@ function ResourceListFeaturedArticles({
               children: articlesTitle
             }
           ) : /* @__PURE__ */ jsx("div", { className: cn("mt-16", articlesTitleClassName), children: articlesTitle })),
-          renderArticles()
+          renderedArticles
         ] })
       ]
     }

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

@@ -1060,16 +1060,20 @@ function ResourceListFeaturedGrid({
   latestUpdatesTitleClassName,
   gridClassName,
   optixFlowConfig,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
-  patternOpacity
+  patternOpacity,
+  allCategoryLabel
 }) {
-  const [selectedCategory, setSelectedCategory] = React.useState("All");
+  const allLabel = allCategoryLabel ?? "All";
+  const [selectedCategory, setSelectedCategory] = React.useState(
+    typeof allLabel === "string" ? allLabel : "All"
+  );
   const filteredArticles = articles?.filter(
-    (article) => selectedCategory === "All" || article.category === selectedCategory
+    (article) => selectedCategory === (typeof allLabel === "string" ? allLabel : "All") || article.category === selectedCategory
   ) ?? [];
-  const renderFeaturedArticle = () => {
+  const renderedFeaturedArticle = React.useMemo(() => {
     if (featuredArticleSlot) return featuredArticleSlot;
     if (!featuredArticle) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1114,8 +1118,8 @@ function ResourceListFeaturedGrid({
         ]
       }
     );
-  };
-  const renderSecondaryArticles = () => {
+  }, [featuredArticleSlot, featuredArticle, featuredArticleClassName, optixFlowConfig]);
+  const renderedSecondaryArticles = React.useMemo(() => {
     if (secondaryArticlesSlot) return secondaryArticlesSlot;
     if (!secondaryArticles || secondaryArticles.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1167,8 +1171,8 @@ function ResourceListFeaturedGrid({
         ))
       }
     );
-  };
-  const renderArticles = () => {
+  }, [secondaryArticlesSlot, secondaryArticles, secondaryArticlesClassName, optixFlowConfig]);
+  const renderedArticles = React.useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (filteredArticles.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", articlesClassName), children: filteredArticles.map((article, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1197,7 +1201,7 @@ function ResourceListFeaturedGrid({
       },
       idx
     )) });
-  };
+  }, [articlesSlot, filteredArticles, articlesClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1235,8 +1239,8 @@ function ResourceListFeaturedGrid({
               gridClassName
             ),
             children: [
-              renderFeaturedArticle(),
-              renderSecondaryArticles()
+              renderedFeaturedArticle,
+              renderedSecondaryArticles
             ]
           }
         ),
@@ -1254,7 +1258,7 @@ function ResourceListFeaturedGrid({
           /* @__PURE__ */ jsxRuntime.jsx(
             Tabs,
             {
-              defaultValue: "All",
+              defaultValue: typeof allLabel === "string" ? allLabel : "All",
               className: cn("border-b border-border", categoriesClassName),
               onValueChange: setSelectedCategory,
               children: /* @__PURE__ */ jsxRuntime.jsx(TabsList, { className: "flex h-auto gap-2 bg-background p-0", children: categories?.map((category) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1271,7 +1275,7 @@ function ResourceListFeaturedGrid({
               )) })
             }
           ),
-          renderArticles()
+          renderedArticles
         ] })
       ]
     }

package/dist/resource-list-featured-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedGridArticle {
@@ -174,6 +174,10 @@ interface ResourceListFeaturedGridProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Label for the "All" category in the filter tabs (defaults to "All")
+     */
+    allCategoryLabel?: React.ReactNode;
 }
 /**
  * ResourceListFeaturedGrid - A visually rich resource listing with featured article hero,
@@ -190,6 +194,6 @@ interface ResourceListFeaturedGridProps {
  * tech blogs, news portals, and content hubs that want to highlight featured
  * content while providing easy category-based navigation.
  */
-declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListFeaturedGrid, type ResourceListFeaturedGridProps };

package/dist/resource-list-featured-grid.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedGridArticle {
@@ -174,6 +174,10 @@ interface ResourceListFeaturedGridProps {
      * Pattern overlay opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Label for the "All" category in the filter tabs (defaults to "All")
+     */
+    allCategoryLabel?: React.ReactNode;
 }
 /**
  * ResourceListFeaturedGrid - A visually rich resource listing with featured article hero,
@@ -190,6 +194,6 @@ interface ResourceListFeaturedGridProps {
  * tech blogs, news portals, and content hubs that want to highlight featured
  * content while providing easy category-based navigation.
  */
-declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
+declare function ResourceListFeaturedGrid({ className, title, titleClassName, description, descriptionClassName, featuredArticle, featuredArticleSlot, featuredArticleClassName, secondaryArticles, secondaryArticlesSlot, secondaryArticlesClassName, articles, articlesSlot, articlesClassName, categories, categoriesClassName, latestUpdatesTitle, latestUpdatesTitleClassName, gridClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, allCategoryLabel, }: ResourceListFeaturedGridProps): react_jsx_runtime.JSX.Element;
 
 export { ResourceListFeaturedGrid, type ResourceListFeaturedGridProps };

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

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default, { useState } from 'react';
+import React__default, { useState, useMemo } from 'react';
 import { Img } from '@page-speed/img';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -1037,16 +1037,20 @@ function ResourceListFeaturedGrid({
   latestUpdatesTitleClassName,
   gridClassName,
   optixFlowConfig,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
-  patternOpacity
+  patternOpacity,
+  allCategoryLabel
 }) {
-  const [selectedCategory, setSelectedCategory] = useState("All");
+  const allLabel = allCategoryLabel ?? "All";
+  const [selectedCategory, setSelectedCategory] = useState(
+    typeof allLabel === "string" ? allLabel : "All"
+  );
   const filteredArticles = articles?.filter(
-    (article) => selectedCategory === "All" || article.category === selectedCategory
+    (article) => selectedCategory === (typeof allLabel === "string" ? allLabel : "All") || article.category === selectedCategory
   ) ?? [];
-  const renderFeaturedArticle = () => {
+  const renderedFeaturedArticle = useMemo(() => {
     if (featuredArticleSlot) return featuredArticleSlot;
     if (!featuredArticle) return null;
     return /* @__PURE__ */ jsxs(
@@ -1091,8 +1095,8 @@ function ResourceListFeaturedGrid({
         ]
       }
     );
-  };
-  const renderSecondaryArticles = () => {
+  }, [featuredArticleSlot, featuredArticle, featuredArticleClassName, optixFlowConfig]);
+  const renderedSecondaryArticles = useMemo(() => {
     if (secondaryArticlesSlot) return secondaryArticlesSlot;
     if (!secondaryArticles || secondaryArticles.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1144,8 +1148,8 @@ function ResourceListFeaturedGrid({
         ))
       }
     );
-  };
-  const renderArticles = () => {
+  }, [secondaryArticlesSlot, secondaryArticles, secondaryArticlesClassName, optixFlowConfig]);
+  const renderedArticles = useMemo(() => {
     if (articlesSlot) return articlesSlot;
     if (filteredArticles.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-4", articlesClassName), children: filteredArticles.map((article, idx) => /* @__PURE__ */ jsxs(
@@ -1174,7 +1178,7 @@ function ResourceListFeaturedGrid({
       },
       idx
     )) });
-  };
+  }, [articlesSlot, filteredArticles, articlesClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1212,8 +1216,8 @@ function ResourceListFeaturedGrid({
               gridClassName
             ),
             children: [
-              renderFeaturedArticle(),
-              renderSecondaryArticles()
+              renderedFeaturedArticle,
+              renderedSecondaryArticles
             ]
           }
         ),
@@ -1231,7 +1235,7 @@ function ResourceListFeaturedGrid({
           /* @__PURE__ */ jsx(
             Tabs,
             {
-              defaultValue: "All",
+              defaultValue: typeof allLabel === "string" ? allLabel : "All",
               className: cn("border-b border-border", categoriesClassName),
               onValueChange: setSelectedCategory,
               children: /* @__PURE__ */ jsx(TabsList, { className: "flex h-auto gap-2 bg-background p-0", children: categories?.map((category) => /* @__PURE__ */ jsxs(
@@ -1248,7 +1252,7 @@ function ResourceListFeaturedGrid({
               )) })
             }
           ),
-          renderArticles()
+          renderedArticles
         ] })
       ]
     }

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

@@ -1094,24 +1094,24 @@ function ResourceListHeroFilter({
   heroClassName,
   contentClassName,
   heroPatternUrl,
-  heroPatternSize = "3.125rem 3.125rem",
+  heroPatternSize,
   formConfig,
   onSubmit,
   onSuccess,
   onError,
   optixFlowConfig
 }) {
-  const renderBreadcrumb = () => {
+  const renderedBreadcrumb = React.useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: breadcrumbClassName, children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbBlog, { breadcrumb }) });
-  };
-  const renderPrimaryPost = () => {
+  }, [breadcrumbSlot, breadcrumb, breadcrumbClassName]);
+  const renderedPrimaryPost = React.useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full max-w-110", primaryPostClassName), children: /* @__PURE__ */ jsxRuntime.jsx(ResourceCard, { ...primaryPost, optixFlowConfig }) });
-  };
-  const renderPosts = () => {
+  }, [primaryPostSlot, primaryPost, primaryPostClassName, optixFlowConfig]);
+  const renderedPosts = React.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1126,7 +1126,7 @@ function ResourceListHeroFilter({
         optixFlowConfig
       }
     );
-  };
+  }, [postsSlot, posts, categories, postsPerPage, loadMoreText, categoriesClassName, postsClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn("pb-32", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1138,7 +1138,7 @@ function ResourceListHeroFilter({
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container flex flex-col items-start justify-start gap-16 py-20 lg:flex-row lg:items-center lg:justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full flex-col justify-between gap-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-xl flex-col gap-8", children: [
-            renderBreadcrumb(),
+            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 }))
@@ -1155,13 +1155,13 @@ function ResourceListHeroFilter({
               }
             ) })
           ] }) }),
-          renderPrimaryPost()
+          renderedPrimaryPost
         ] })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("py-20", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container flex flex-col gap-8", children: [
       allPostsTitle && (typeof allPostsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-[1.75rem] leading-none font-medium md:text-[2.25rem] lg:text-[2rem]", allPostsTitleClassName), children: allPostsTitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: allPostsTitleClassName, children: allPostsTitle })),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderPosts() })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderedPosts })
     ] }) })
   ] });
 }

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-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.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-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

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

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import { Fragment, useState, useCallback, useMemo } from 'react';
+import { useMemo, Fragment, useState, useCallback } from 'react';
 import { useForm, Form, Field } from '@page-speed/forms';
 import { TextInput as TextInput$1 } from '@page-speed/forms/inputs';
 import { Img } from '@page-speed/img';
@@ -1070,24 +1070,24 @@ function ResourceListHeroFilter({
   heroClassName,
   contentClassName,
   heroPatternUrl,
-  heroPatternSize = "3.125rem 3.125rem",
+  heroPatternSize,
   formConfig,
   onSubmit,
   onSuccess,
   onError,
   optixFlowConfig
 }) {
-  const renderBreadcrumb = () => {
+  const renderedBreadcrumb = useMemo(() => {
     if (breadcrumbSlot) return breadcrumbSlot;
     if (!breadcrumb || breadcrumb.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: breadcrumbClassName, children: /* @__PURE__ */ jsx(BreadcrumbBlog, { breadcrumb }) });
-  };
-  const renderPrimaryPost = () => {
+  }, [breadcrumbSlot, breadcrumb, breadcrumbClassName]);
+  const renderedPrimaryPost = useMemo(() => {
     if (primaryPostSlot) return primaryPostSlot;
     if (!primaryPost) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-110", primaryPostClassName), children: /* @__PURE__ */ jsx(ResourceCard, { ...primaryPost, optixFlowConfig }) });
-  };
-  const renderPosts = () => {
+  }, [primaryPostSlot, primaryPost, primaryPostClassName, optixFlowConfig]);
+  const renderedPosts = useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!posts || posts.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1102,7 +1102,7 @@ function ResourceListHeroFilter({
         optixFlowConfig
       }
     );
-  };
+  }, [postsSlot, posts, categories, postsPerPage, loadMoreText, categoriesClassName, postsClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxs("section", { className: cn("pb-32", className), children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -1114,7 +1114,7 @@ function ResourceListHeroFilter({
         },
         children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col items-start justify-start gap-16 py-20 lg:flex-row lg:items-center lg:justify-between", children: [
           /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col justify-between gap-12", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-xl flex-col gap-8", children: [
-            renderBreadcrumb(),
+            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 }))
@@ -1131,13 +1131,13 @@ function ResourceListHeroFilter({
               }
             ) })
           ] }) }),
-          renderPrimaryPost()
+          renderedPrimaryPost
         ] })
       }
     ),
     /* @__PURE__ */ jsx("div", { className: cn("py-20", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col gap-8", children: [
       allPostsTitle && (typeof allPostsTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-[1.75rem] leading-none font-medium md:text-[2.25rem] lg:text-[2rem]", allPostsTitleClassName), children: allPostsTitle }) : /* @__PURE__ */ jsx("div", { className: allPostsTitleClassName, children: allPostsTitle })),
-      /* @__PURE__ */ jsx("div", { children: renderPosts() })
+      /* @__PURE__ */ jsx("div", { children: renderedPosts })
     ] }) })
   ] });
 }

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

@@ -992,12 +992,12 @@ function ResourceListNewsUpdates({
   newsSlot,
   newsClassName,
   contentClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderNews = () => {
+  const renderedNews = React.useMemo(() => {
     if (newsSlot) return newsSlot;
     if (!news || news.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-14", newsClassName), children: [
@@ -1036,7 +1036,7 @@ function ResourceListNewsUpdates({
         /* @__PURE__ */ jsxRuntime.jsx(Separator, {})
       ] }, idx))
     ] });
-  };
+  }, [newsSlot, news, newsClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1074,7 +1074,7 @@ function ResourceListNewsUpdates({
                   typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-primary/50", subtitleClassName), children: subtitle }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: subtitleClassName, children: subtitle })
                 ] })
               ] }),
-              renderNews()
+              renderedNews
             ] })
           ]
         }

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
-import './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
-import './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

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

@@ -1,10 +1,10 @@
 "use client";
 import * as React from 'react';
-import React__default, { Fragment as Fragment$1 } from 'react';
+import React__default, { useMemo, Fragment } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
@@ -969,17 +969,17 @@ function ResourceListNewsUpdates({
   newsSlot,
   newsClassName,
   contentClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderNews = () => {
+  const renderedNews = useMemo(() => {
     if (newsSlot) return newsSlot;
     if (!news || news.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-14", newsClassName), children: [
       /* @__PURE__ */ jsx(Separator, {}),
-      news.map((item, idx) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      news.map((item, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(
           Pressable,
           {
@@ -1013,7 +1013,7 @@ function ResourceListNewsUpdates({
         /* @__PURE__ */ jsx(Separator, {})
       ] }, idx))
     ] });
-  };
+  }, [newsSlot, news, newsClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1046,12 +1046,12 @@ function ResourceListNewsUpdates({
             /* @__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: [
+                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 })
                 ] })
               ] }),
-              renderNews()
+              renderedNews
             ] })
           ]
         }

package/dist/reviews-images-helpful.cjs

@@ -1228,7 +1228,8 @@ function ReviewsImagesHelpful({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
   heading,
-  writeReviewLabel = "Write a Review",
+  writeReviewLabel,
+  reportButtonLabel,
   className,
   headerClassName,
   headingClassName,
@@ -1237,8 +1238,8 @@ function ReviewsImagesHelpful({
   authorClassName,
   imagesClassName,
   onWriteReview,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1264,7 +1265,7 @@ function ReviewsImagesHelpful({
   const getInitials = (name) => {
     return name.split(" ").map((n) => n[0]).join("");
   };
-  const renderReviews = () => {
+  const renderedReviews = React.useMemo(() => {
     if (reviewsSlot) return reviewsSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: reviews.map((review, index) => {
       const authorName = getAuthorName(review);
@@ -1367,14 +1368,14 @@ function ReviewsImagesHelpful({
                 variant: "ghost",
                 size: "sm",
                 className: "h-8 text-muted-foreground",
-                children: "Report"
+                children: reportButtonLabel ?? "Report"
               }
             )
           ] })
         ] }) })
       ] }, index);
     }) });
-  };
+  }, [reviewsSlot, reviews, reviewClassName, contentClassName, authorClassName, imagesClassName, helpfulClicked, optixFlowConfig, reportButtonLabel]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1417,7 +1418,7 @@ function ReviewsImagesHelpful({
             ]
           }
         ),
-        renderReviews()
+        renderedReviews
       ] })
     }
   );