@opensite/ui 0.5.4 → 0.5.6

package/dist/link-page-newsletter-social.cjs

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var forms = require('@page-speed/forms');
 var inputs = require('@page-speed/forms/inputs');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var integration = require('@page-speed/forms/integration');
@@ -1061,14 +1061,14 @@ function LinkPageNewsletterSocial({
   avatar,
   avatarUrl = blockBrandedIconsAndPlaceholders.avatar3,
   profileSlot,
-  newsletterHeading = "Join my newsletter",
-  newsletterDescription = "Get exclusive content, tips, and updates delivered to your inbox.",
-  emailPlaceholder = "Enter your email",
-  buttonText = "Subscribe",
+  newsletterHeading,
+  newsletterDescription,
+  emailPlaceholder,
+  buttonText,
   submitAction,
   newsletterSlot,
   formSlot,
-  submittingLabel = "Subscribing...",
+  submittingLabel,
   submittingIcon = /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/loader-2", size: 16, className: "animate-spin" }),
   links,
   linksSlot,
@@ -1101,7 +1101,7 @@ function LinkPageNewsletterSocial({
   footerClassName,
   theme = "light",
   background,
-  spacing = "none",
+  spacing,
   pattern,
   patternOpacity,
   patternClassName,
@@ -1163,7 +1163,7 @@ function LinkPageNewsletterSocial({
     size: "lg"
   };
   const resolvedChevronIcon = linkChevronIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 });
-  const renderProfile = () => {
+  const renderProfile = React.useMemo(() => {
     if (profileSlot) return profileSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1218,8 +1218,8 @@ function LinkPageNewsletterSocial({
         ]
       }
     );
-  };
-  const renderSocialLinks = () => {
+  }, [profileSlot, resolvedAvatar, avatarClassName, optixFlowConfig, name, isDark, nameClassName, bio, bioClassName, headerClassName]);
+  const renderSocialLinks = React.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1258,8 +1258,8 @@ function LinkPageNewsletterSocial({
         })
       }
     );
-  };
-  const renderFormFields = () => {
+  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, isDark, socialLinkClassName]);
+  const renderFormFields = React.useMemo(() => {
     if (formSlot) return formSlot;
     const {
       label,
@@ -1307,8 +1307,8 @@ function LinkPageNewsletterSocial({
         }
       )
     ] });
-  };
-  const renderNewsletter = () => {
+  }, [formSlot, resolvedSubmitAction, emailPlaceholder, isDark, inputClassName, submitButtonClassName, form.isSubmitting, submittingIcon, submittingLabel]);
+  const renderNewsletter = React.useMemo(() => {
     if (newsletterSlot) return newsletterSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1350,14 +1350,14 @@ function LinkPageNewsletterSocial({
               action: formConfig?.endpoint,
               method: formMethod,
               className: cn("space-y-3", formClassName),
-              children: renderFormFields()
+              children: renderFormFields
             }
           )
         ]
       }
     );
-  };
-  const renderLinks = () => {
+  }, [newsletterSlot, isDark, newsletterCardClassName, newsletterHeading, newsletterHeadingClassName, newsletterDescription, newsletterDescriptionClassName, form, formConfig?.endpoint, formMethod, formClassName, renderFormFields]);
+  const renderLinks = React.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", linksClassName), children: links.map((link, index) => {
@@ -1431,8 +1431,8 @@ function LinkPageNewsletterSocial({
         link.id ?? index
       );
     }) });
-  };
-  const renderFooter = () => {
+  }, [linksSlot, links, linksClassName, linkIconClassName, isDark, linkClassName, linkLabelClassName, linkChevronClassName, resolvedChevronIcon]);
+  const renderFooter = React.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;
@@ -1462,7 +1462,7 @@ function LinkPageNewsletterSocial({
         ] })
       }
     );
-  };
+  }, [footerSlot, footerAction, isDark, footerClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1483,11 +1483,11 @@ function LinkPageNewsletterSocial({
             containerClassName
           ),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full max-w-md space-y-8", contentClassName), children: [
-            renderProfile(),
-            renderSocialLinks(),
-            renderNewsletter(),
-            renderLinks(),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: renderFooter() })
+            renderProfile,
+            renderSocialLinks,
+            renderNewsletter,
+            renderLinks,
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: renderFooter })
           ] })
         }
       )

package/dist/link-page-newsletter-social.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-newsletter-social.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
-import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { I as ImageItem, A as ActionConfig, a as SocialLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/link-page-newsletter-social.js

@@ -1,10 +1,10 @@
 "use client";
-import { useForm, Form, Field } from '@page-speed/forms';
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
+import { useForm, Field, Form } from '@page-speed/forms';
 import { TextInput as TextInput$1 } from '@page-speed/forms/inputs';
 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, Fragment } from 'react/jsx-runtime';
 import { serializeForRails, deserializeErrors } from '@page-speed/forms/integration';
@@ -1040,14 +1040,14 @@ function LinkPageNewsletterSocial({
   avatar,
   avatarUrl = blockBrandedIconsAndPlaceholders.avatar3,
   profileSlot,
-  newsletterHeading = "Join my newsletter",
-  newsletterDescription = "Get exclusive content, tips, and updates delivered to your inbox.",
-  emailPlaceholder = "Enter your email",
-  buttonText = "Subscribe",
+  newsletterHeading,
+  newsletterDescription,
+  emailPlaceholder,
+  buttonText,
   submitAction,
   newsletterSlot,
   formSlot,
-  submittingLabel = "Subscribing...",
+  submittingLabel,
   submittingIcon = /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/loader-2", size: 16, className: "animate-spin" }),
   links,
   linksSlot,
@@ -1080,7 +1080,7 @@ function LinkPageNewsletterSocial({
   footerClassName,
   theme = "light",
   background,
-  spacing = "none",
+  spacing,
   pattern,
   patternOpacity,
   patternClassName,
@@ -1142,7 +1142,7 @@ function LinkPageNewsletterSocial({
     size: "lg"
   };
   const resolvedChevronIcon = linkChevronIcon ?? /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 });
-  const renderProfile = () => {
+  const renderProfile = useMemo(() => {
     if (profileSlot) return profileSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -1197,8 +1197,8 @@ function LinkPageNewsletterSocial({
         ]
       }
     );
-  };
-  const renderSocialLinks = () => {
+  }, [profileSlot, resolvedAvatar, avatarClassName, optixFlowConfig, name, isDark, nameClassName, bio, bioClassName, headerClassName]);
+  const renderSocialLinks = useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1237,8 +1237,8 @@ function LinkPageNewsletterSocial({
         })
       }
     );
-  };
-  const renderFormFields = () => {
+  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, isDark, socialLinkClassName]);
+  const renderFormFields = useMemo(() => {
     if (formSlot) return formSlot;
     const {
       label,
@@ -1286,8 +1286,8 @@ function LinkPageNewsletterSocial({
         }
       )
     ] });
-  };
-  const renderNewsletter = () => {
+  }, [formSlot, resolvedSubmitAction, emailPlaceholder, isDark, inputClassName, submitButtonClassName, form.isSubmitting, submittingIcon, submittingLabel]);
+  const renderNewsletter = useMemo(() => {
     if (newsletterSlot) return newsletterSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -1329,14 +1329,14 @@ function LinkPageNewsletterSocial({
               action: formConfig?.endpoint,
               method: formMethod,
               className: cn("space-y-3", formClassName),
-              children: renderFormFields()
+              children: renderFormFields
             }
           )
         ]
       }
     );
-  };
-  const renderLinks = () => {
+  }, [newsletterSlot, isDark, newsletterCardClassName, newsletterHeading, newsletterHeadingClassName, newsletterDescription, newsletterDescriptionClassName, form, formConfig?.endpoint, formMethod, formClassName, renderFormFields]);
+  const renderLinks = useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-2", linksClassName), children: links.map((link, index) => {
@@ -1410,8 +1410,8 @@ function LinkPageNewsletterSocial({
         link.id ?? index
       );
     }) });
-  };
-  const renderFooter = () => {
+  }, [linksSlot, links, linksClassName, linkIconClassName, isDark, linkClassName, linkLabelClassName, linkChevronClassName, resolvedChevronIcon]);
+  const renderFooter = useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;
@@ -1441,7 +1441,7 @@ function LinkPageNewsletterSocial({
         ] })
       }
     );
-  };
+  }, [footerSlot, footerAction, isDark, footerClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1462,11 +1462,11 @@ function LinkPageNewsletterSocial({
             containerClassName
           ),
           children: /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-md space-y-8", contentClassName), children: [
-            renderProfile(),
-            renderSocialLinks(),
-            renderNewsletter(),
-            renderLinks(),
-            /* @__PURE__ */ jsx("div", { className: "pt-4", children: renderFooter() })
+            renderProfile,
+            renderSocialLinks,
+            renderNewsletter,
+            renderLinks,
+            /* @__PURE__ */ jsx("div", { className: "pt-4", children: renderFooter })
           ] })
         }
       )

package/dist/link-tree-block.cjs

@@ -967,8 +967,8 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function LinkTreeBlock({
-  brandName = "Sarah Chen",
-  brandTagline = "Digital creator, photographer & coffee enthusiast",
+  brandName,
+  brandTagline,
   brandLogo,
   brandAvatar = blockBrandedIconsAndPlaceholders.avatar1,
   brandVerified = true,
@@ -980,7 +980,7 @@ function LinkTreeBlock({
   socialLinksSlot,
   mediaGallery,
   mediaGallerySlot,
-  mediaGalleryTitle = "Latest Content",
+  mediaGalleryTitle,
   mediaGalleryLimit = 6,
   footerAction,
   footerSlot,
@@ -1014,7 +1014,7 @@ function LinkTreeBlock({
   footerClassName,
   theme = "light",
   background,
-  spacing = "none",
+  spacing,
   pattern,
   patternOpacity,
   patternClassName,
@@ -1056,7 +1056,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt) || resolveImage(blockBrandedIconsAndPlaceholders.avatar1, nameForAlt);
-  const renderBrandHeader = () => {
+  const renderBrandHeader = React.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -1133,8 +1133,8 @@ function LinkTreeBlock({
         ]
       }
     );
-  };
-  const renderLinks = () => {
+  }, [brandSlot, headerClassName, avatarClassName, resolvedAvatar, optixFlowConfig, brandVerified, verifiedBadgeClassName, verifiedIcon, verifiedIconClassName, brandName, isDark, nameClassName, brandTagline, taglineClassName]);
+  const renderLinks = React.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-3", linksClassName), children: links.map((link, index) => {
@@ -1239,8 +1239,8 @@ function LinkTreeBlock({
         link.id ?? index
       );
     }) });
-  };
-  const renderMediaGallery = () => {
+  }, [linksSlot, links, linksClassName, linkIconClassName, isDark, isGlass, linkClassName, featuredLinkClassName, linkLabelClassName, linkDescriptionClassName, linkBadgeClassName, linkChevronClassName]);
+  const renderMediaGallery = React.useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -1340,8 +1340,8 @@ function LinkTreeBlock({
         }
       )
     ] });
-  };
-  const renderSocialLinks = () => {
+  }, [mediaGallerySlot, mediaGallery, mediaGalleryLimit, mediaGalleryClassName, mediaGalleryTitle, isDark, mediaGalleryTitleClassName, mediaGalleryGridClassName, mediaGalleryItemClassName, handleMediaClick, mediaGalleryMediaClassName, optixFlowConfig, mediaGalleryOverlayClassName, mediaGalleryPlayIconClassName]);
+  const renderSocialLinks = React.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1380,8 +1380,8 @@ function LinkTreeBlock({
         })
       }
     );
-  };
-  const renderFooter = () => {
+  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, isDark, isGlass, socialLinkClassName]);
+  const renderFooter = React.useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;
@@ -1411,7 +1411,7 @@ function LinkTreeBlock({
         ] })
       }
     );
-  };
+  }, [footerSlot, footerAction, isDark, footerClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1434,11 +1434,11 @@ function LinkTreeBlock({
               containerClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full max-w-md space-y-6", contentClassName), children: [
-              renderBrandHeader(),
-              renderLinks(),
-              renderMediaGallery(),
-              renderSocialLinks(),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: renderFooter() })
+              renderBrandHeader,
+              renderLinks,
+              renderMediaGallery,
+              renderSocialLinks,
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: renderFooter })
             ] })
           }
         ),

package/dist/link-tree-block.d.cts

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

package/dist/link-tree-block.d.ts

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

package/dist/link-tree-block.js

@@ -946,8 +946,8 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function LinkTreeBlock({
-  brandName = "Sarah Chen",
-  brandTagline = "Digital creator, photographer & coffee enthusiast",
+  brandName,
+  brandTagline,
   brandLogo,
   brandAvatar = blockBrandedIconsAndPlaceholders.avatar1,
   brandVerified = true,
@@ -959,7 +959,7 @@ function LinkTreeBlock({
   socialLinksSlot,
   mediaGallery,
   mediaGallerySlot,
-  mediaGalleryTitle = "Latest Content",
+  mediaGalleryTitle,
   mediaGalleryLimit = 6,
   footerAction,
   footerSlot,
@@ -993,7 +993,7 @@ function LinkTreeBlock({
   footerClassName,
   theme = "light",
   background,
-  spacing = "none",
+  spacing,
   pattern,
   patternOpacity,
   patternClassName,
@@ -1035,7 +1035,7 @@ function LinkTreeBlock({
   };
   const nameForAlt = typeof brandName === "string" ? brandName : "Brand avatar";
   const resolvedAvatar = resolveImage(brandAvatar || brandLogo, nameForAlt) || resolveImage(blockBrandedIconsAndPlaceholders.avatar1, nameForAlt);
-  const renderBrandHeader = () => {
+  const renderBrandHeader = useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -1112,8 +1112,8 @@ function LinkTreeBlock({
         ]
       }
     );
-  };
-  const renderLinks = () => {
+  }, [brandSlot, headerClassName, avatarClassName, resolvedAvatar, optixFlowConfig, brandVerified, verifiedBadgeClassName, verifiedIcon, verifiedIconClassName, brandName, isDark, nameClassName, brandTagline, taglineClassName]);
+  const renderLinks = useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-3", linksClassName), children: links.map((link, index) => {
@@ -1218,8 +1218,8 @@ function LinkTreeBlock({
         link.id ?? index
       );
     }) });
-  };
-  const renderMediaGallery = () => {
+  }, [linksSlot, links, linksClassName, linkIconClassName, isDark, isGlass, linkClassName, featuredLinkClassName, linkLabelClassName, linkDescriptionClassName, linkBadgeClassName, linkChevronClassName]);
+  const renderMediaGallery = useMemo(() => {
     if (mediaGallerySlot) return mediaGallerySlot;
     if (!mediaGallery || mediaGallery.length === 0) return null;
     const items = mediaGallery.slice(0, mediaGalleryLimit);
@@ -1319,8 +1319,8 @@ function LinkTreeBlock({
         }
       )
     ] });
-  };
-  const renderSocialLinks = () => {
+  }, [mediaGallerySlot, mediaGallery, mediaGalleryLimit, mediaGalleryClassName, mediaGalleryTitle, isDark, mediaGalleryTitleClassName, mediaGalleryGridClassName, mediaGalleryItemClassName, handleMediaClick, mediaGalleryMediaClassName, optixFlowConfig, mediaGalleryOverlayClassName, mediaGalleryPlayIconClassName]);
+  const renderSocialLinks = useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1359,8 +1359,8 @@ function LinkTreeBlock({
         })
       }
     );
-  };
-  const renderFooter = () => {
+  }, [socialLinksSlot, socialLinks, socialLinksClassName, socialIconClassName, isDark, isGlass, socialLinkClassName]);
+  const renderFooter = useMemo(() => {
     if (footerSlot) return footerSlot;
     if (!footerAction) return null;
     const resolvedFooterAction = footerAction;
@@ -1390,7 +1390,7 @@ function LinkTreeBlock({
         ] })
       }
     );
-  };
+  }, [footerSlot, footerAction, isDark, footerClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1413,11 +1413,11 @@ function LinkTreeBlock({
               containerClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: cn("w-full max-w-md space-y-6", contentClassName), children: [
-              renderBrandHeader(),
-              renderLinks(),
-              renderMediaGallery(),
-              renderSocialLinks(),
-              /* @__PURE__ */ jsx("div", { className: "pt-4", children: renderFooter() })
+              renderBrandHeader,
+              renderLinks,
+              renderMediaGallery,
+              renderSocialLinks,
+              /* @__PURE__ */ jsx("div", { className: "pt-4", children: renderFooter })
             ] })
           }
         ),

package/dist/list-searchable-grid.cjs

@@ -962,10 +962,10 @@ function ListSearchableGrid({
   headingClassName,
   description,
   descriptionClassName,
-  searchPlaceholder = "Search resources...",
+  searchPlaceholder,
   searchInputClassName,
   searchContainerClassName,
-  emptyStateMessage = "No matching results. Try a different keyword.",
+  emptyStateMessage,
   emptyStateClassName,
   items,
   itemsSlot,
@@ -977,8 +977,8 @@ function ListSearchableGrid({
   cardTagClassName,
   headerClassName,
   className,
-  background = "white",
-  spacing = "md",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   searchTerm: controlledSearchTerm,
@@ -1005,7 +1005,7 @@ function ListSearchableGrid({
       return searchable.toLowerCase().includes(normalized);
     });
   }, [items, searchTerm]);
-  const renderItems = () => {
+  const renderItems = React.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!filteredItems || filteredItems.length === 0) return null;
     return filteredItems.map((item, index) => {
@@ -1077,7 +1077,7 @@ function ListSearchableGrid({
         `${typeof item.title === "string" ? item.title : index}-${index}`
       );
     });
-  };
+  }, [itemsSlot, filteredItems, cardClassName, cardIconClassName, cardTitleClassName, cardDescriptionClassName, cardTagClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1106,7 +1106,7 @@ function ListSearchableGrid({
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-3", descriptionClassName), children: description }))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mt-8 max-w-2xl", searchContainerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        searchPlaceholder && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mt-8 max-w-2xl", searchContainerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             DynamicIcon,
             {
@@ -1137,10 +1137,10 @@ function ListSearchableGrid({
               "mt-10 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
               itemsClassName
             ),
-            children: renderItems()
+            children: renderItems
           }
         ),
-        (filteredItems?.length ?? 0) === 0 && (typeof emptyStateMessage === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+        (filteredItems?.length ?? 0) === 0 && emptyStateMessage && (typeof emptyStateMessage === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
             className: cn(

package/dist/list-searchable-grid.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import 'react/jsx-runtime';
-import './blocks-DP3Vofl4.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 ListSearchableGridItem {

package/dist/list-searchable-grid.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import 'react/jsx-runtime';
-import './blocks-XLPGq8A5.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 ListSearchableGridItem {