@opensite/ui 0.5.5 → 0.5.6

package/dist/hero-platform-features-grid.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 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 img = require('@page-speed/img');
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/hero/hero-platform-features-grid.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -948,7 +948,7 @@ function HeroPlatformFeaturesGrid({
   featuresClassName,
   optixFlowConfig
 }) {
-  const renderLogo = () => {
+  const renderLogo = React.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -961,8 +961,8 @@ function HeroPlatformFeaturesGrid({
         optixFlowConfig
       }
     );
-  };
-  const renderAction = () => {
+  }, [logoSlot, logo, optixFlowConfig]);
+  const renderAction = React.useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
@@ -971,8 +971,8 @@ function HeroPlatformFeaturesGrid({
       label,
       iconAfter
     ] }) });
-  };
-  const renderFeatures = () => {
+  }, [actionSlot, action]);
+  const renderFeatures = React.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-16 grid gap-px overflow-hidden rounded-lg border bg-input md:grid-cols-2 lg:grid-cols-4", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 bg-background p-5 md:gap-6", children: [
@@ -982,7 +982,7 @@ function HeroPlatformFeaturesGrid({
         feature.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground md:text-base", children: feature.description })
       ] })
     ] }, index)) });
-  };
+  }, [featuresSlot, features, featuresClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -993,12 +993,12 @@ function HeroPlatformFeaturesGrid({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("text-center", headerClassName), children: [
-          renderLogo(),
+          renderLogo,
           subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-3 text-sm tracking-widest text-muted-foreground md:text-base", children: subtitle }) : subtitle),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-4 text-4xl font-semibold text-balance lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-4 text-4xl font-semibold text-balance lg:text-6xl", headingClassName), children: heading })),
-          renderAction()
+          renderAction
         ] }),
-        renderFeatures()
+        renderFeatures
       ] })
     }
   );

package/dist/hero-platform-features-grid.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { L as LogoItem, A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';

package/dist/hero-platform-features-grid.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { L as LogoItem, A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';

package/dist/hero-platform-features-grid.js

@@ -1,13 +1,13 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 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 { Img } from '@page-speed/img';
 
-// lib/utils.ts
+// components/blocks/hero/hero-platform-features-grid.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -927,7 +927,7 @@ function HeroPlatformFeaturesGrid({
   featuresClassName,
   optixFlowConfig
 }) {
-  const renderLogo = () => {
+  const renderLogo = useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -940,8 +940,8 @@ function HeroPlatformFeaturesGrid({
         optixFlowConfig
       }
     );
-  };
-  const renderAction = () => {
+  }, [logoSlot, logo, optixFlowConfig]);
+  const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
@@ -950,8 +950,8 @@ function HeroPlatformFeaturesGrid({
       label,
       iconAfter
     ] }) });
-  };
-  const renderFeatures = () => {
+  }, [actionSlot, action]);
+  const renderFeatures = useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-16 grid gap-px overflow-hidden rounded-lg border bg-input md:grid-cols-2 lg:grid-cols-4", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 bg-background p-5 md:gap-6", children: [
@@ -961,7 +961,7 @@ function HeroPlatformFeaturesGrid({
         feature.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground md:text-base", children: feature.description })
       ] })
     ] }, index)) });
-  };
+  }, [featuresSlot, features, featuresClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -972,12 +972,12 @@ function HeroPlatformFeaturesGrid({
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("text-center", headerClassName), children: [
-          renderLogo(),
+          renderLogo,
           subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsx("span", { className: "mb-3 text-sm tracking-widest text-muted-foreground md:text-base", children: subtitle }) : subtitle),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-4 text-4xl font-semibold text-balance lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("mt-4 text-4xl font-semibold text-balance lg:text-6xl", headingClassName), children: heading })),
-          renderAction()
+          renderAction
         ] }),
-        renderFeatures()
+        renderFeatures
       ] })
     }
   );

package/dist/hero-portfolio-creative.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 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 img = require('@page-speed/img');
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/hero/hero-portfolio-creative.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -951,7 +951,7 @@ function HeroPortfolioCreative({
   portfolioClassName,
   optixFlowConfig
 }) {
-  const renderProfile = () => {
+  const renderProfile = React.useMemo(() => {
     if (profileSlot) return profileSlot;
     if (!profile) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
@@ -969,8 +969,8 @@ function HeroPortfolioCreative({
         profile.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: profile.title })
       ] })
     ] });
-  };
-  const renderActions = () => {
+  }, [profileSlot, profile, optixFlowConfig]);
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 sm:flex-row", children: actions.map((action, index) => {
@@ -990,8 +990,8 @@ function HeroPortfolioCreative({
         index
       );
     }) });
-  };
-  const renderSocialLinks = () => {
+  }, [actionsSlot, actions]);
+  const renderSocialLinks = React.useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 pt-4", children: socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1003,8 +1003,8 @@ function HeroPortfolioCreative({
       },
       index
     )) });
-  };
-  const renderPortfolioImages = () => {
+  }, [socialLinksSlot, socialLinks]);
+  const renderPortfolioImages = React.useMemo(() => {
     if (portfolioImagesSlot) return portfolioImagesSlot;
     if (!portfolioImages || portfolioImages.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative", portfolioClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
@@ -1049,7 +1049,7 @@ function HeroPortfolioCreative({
         ) })
       ] })
     ] }) });
-  };
+  }, [portfolioImagesSlot, portfolioImages, portfolioClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1060,13 +1060,13 @@ function HeroPortfolioCreative({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
-          renderProfile(),
+          renderProfile,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          renderActions(),
-          renderSocialLinks()
+          renderActions,
+          renderSocialLinks
         ] }),
-        renderPortfolioImages()
+        renderPortfolioImages
       ] }) })
     }
   );

package/dist/hero-portfolio-creative.d.cts

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

package/dist/hero-portfolio-creative.d.ts

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

package/dist/hero-portfolio-creative.js

@@ -1,13 +1,13 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 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 { Img } from '@page-speed/img';
 
-// lib/utils.ts
+// components/blocks/hero/hero-portfolio-creative.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -930,7 +930,7 @@ function HeroPortfolioCreative({
   portfolioClassName,
   optixFlowConfig
 }) {
-  const renderProfile = () => {
+  const renderProfile = useMemo(() => {
     if (profileSlot) return profileSlot;
     if (!profile) return null;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
@@ -948,8 +948,8 @@ function HeroPortfolioCreative({
         profile.title && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: profile.title })
       ] })
     ] });
-  };
-  const renderActions = () => {
+  }, [profileSlot, profile, optixFlowConfig]);
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 sm:flex-row", children: actions.map((action, index) => {
@@ -969,8 +969,8 @@ function HeroPortfolioCreative({
         index
       );
     }) });
-  };
-  const renderSocialLinks = () => {
+  }, [actionsSlot, actions]);
+  const renderSocialLinks = useMemo(() => {
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 pt-4", children: socialLinks.map((link, index) => /* @__PURE__ */ jsx(
@@ -982,8 +982,8 @@ function HeroPortfolioCreative({
       },
       index
     )) });
-  };
-  const renderPortfolioImages = () => {
+  }, [socialLinksSlot, socialLinks]);
+  const renderPortfolioImages = useMemo(() => {
     if (portfolioImagesSlot) return portfolioImagesSlot;
     if (!portfolioImages || portfolioImages.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("relative", portfolioClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
@@ -1028,7 +1028,7 @@ function HeroPortfolioCreative({
         ) })
       ] })
     ] }) });
-  };
+  }, [portfolioImagesSlot, portfolioImages, portfolioClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1039,13 +1039,13 @@ function HeroPortfolioCreative({
       className: cn(className),
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
-          renderProfile(),
+          renderProfile,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-4xl font-bold tracking-tight text-foreground md:text-5xl lg:text-6xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderActions(),
-          renderSocialLinks()
+          renderActions,
+          renderSocialLinks
         ] }),
-        renderPortfolioImages()
+        renderPortfolioImages
       ] }) })
     }
   );

package/dist/hero-premium-split-avatars.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 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 AvatarPrimitive = require('@radix-ui/react-avatar');
@@ -30,7 +30,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 
-// lib/utils.ts
+// components/blocks/hero/hero-premium-split-avatars.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -894,15 +894,15 @@ function HeroPremiumSplitAvatars({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderBrand = () => {
+  const renderBrand = React.useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "text-4xl text-foreground", children: [
       brandName,
       " ",
       brandSuffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-linear-to-tr from-foreground to-muted bg-clip-text text-transparent", children: brandSuffix })
     ] });
-  };
-  const renderAction = () => {
+  }, [brandSlot, brandName, brandSuffix]);
+  const renderAction = React.useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
@@ -911,8 +911,8 @@ function HeroPremiumSplitAvatars({
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
       iconAfter
     ] }) });
-  };
-  const renderAvatars = () => {
+  }, [actionSlot, action]);
+  const renderAvatars = React.useMemo(() => {
     if (avatarsSlot) return avatarsSlot;
     if (!avatars || avatars.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3.5", children: [
@@ -922,8 +922,8 @@ function HeroPremiumSplitAvatars({
       ] }, index)) }),
       socialProofText && (typeof socialProofText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground lg:text-sm", children: socialProofText }) : socialProofText)
     ] });
-  };
-  const renderImage = () => {
+  }, [avatarsSlot, avatars, socialProofText]);
+  const renderImage = React.useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -935,7 +935,7 @@ function HeroPremiumSplitAvatars({
         optixFlowConfig
       }
     );
-  };
+  }, [imageSlot, image, imageClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -946,15 +946,15 @@ function HeroPremiumSplitAvatars({
       className: cn("dark flex", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full items-center justify-center bg-background lg:w-1/2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container my-10 flex w-[500px] flex-col gap-24", contentClassName), children: [
-          renderBrand(),
+          renderBrand,
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl text-foreground lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl text-foreground lg:text-6xl", headingClassName), children: heading })),
             description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-2.5 text-foreground lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-            renderAction()
+            renderAction
           ] }),
-          renderAvatars()
+          renderAvatars
         ] }) }),
-        renderImage()
+        renderImage
       ]
     }
   );

package/dist/hero-premium-split-avatars.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';

package/dist/hero-premium-split-avatars.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';

package/dist/hero-premium-split-avatars.js

@@ -1,14 +1,14 @@
 "use client";
+import * as React from 'react';
+import React__default, { useMemo } from 'react';
 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 * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { Img } from '@page-speed/img';
 
-// lib/utils.ts
+// components/blocks/hero/hero-premium-split-avatars.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -872,15 +872,15 @@ function HeroPremiumSplitAvatars({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderBrand = () => {
+  const renderBrand = useMemo(() => {
     if (brandSlot) return brandSlot;
     return /* @__PURE__ */ jsxs("h1", { className: "text-4xl text-foreground", children: [
       brandName,
       " ",
       brandSuffix && /* @__PURE__ */ jsx("span", { className: "bg-linear-to-tr from-foreground to-muted bg-clip-text text-transparent", children: brandSuffix })
     ] });
-  };
-  const renderAction = () => {
+  }, [brandSlot, brandName, brandSuffix]);
+  const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
@@ -889,8 +889,8 @@ function HeroPremiumSplitAvatars({
       /* @__PURE__ */ jsx("span", { children: label }),
       iconAfter
     ] }) });
-  };
-  const renderAvatars = () => {
+  }, [actionSlot, action]);
+  const renderAvatars = useMemo(() => {
     if (avatarsSlot) return avatarsSlot;
     if (!avatars || avatars.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3.5", children: [
@@ -900,8 +900,8 @@ function HeroPremiumSplitAvatars({
       ] }, index)) }),
       socialProofText && (typeof socialProofText === "string" ? /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground lg:text-sm", children: socialProofText }) : socialProofText)
     ] });
-  };
-  const renderImage = () => {
+  }, [avatarsSlot, avatars, socialProofText]);
+  const renderImage = useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsx(
@@ -913,7 +913,7 @@ function HeroPremiumSplitAvatars({
         optixFlowConfig
       }
     );
-  };
+  }, [imageSlot, image, imageClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -924,15 +924,15 @@ function HeroPremiumSplitAvatars({
       className: cn("dark flex", className),
       children: [
         /* @__PURE__ */ jsx("div", { className: "flex w-full items-center justify-center bg-background lg:w-1/2", children: /* @__PURE__ */ jsxs("div", { className: cn("container my-10 flex w-[500px] flex-col gap-24", contentClassName), children: [
-          renderBrand(),
+          renderBrand,
           /* @__PURE__ */ jsxs("div", { children: [
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-4xl text-foreground lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h2", { className: cn("text-4xl text-foreground lg:text-6xl", headingClassName), children: heading })),
             description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2.5 text-foreground lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-            renderAction()
+            renderAction
           ] }),
-          renderAvatars()
+          renderAvatars
         ] }) }),
-        renderImage()
+        renderImage
       ]
     }
   );

package/dist/hero-presentation-platform-video.cjs

@@ -1,9 +1,9 @@
 "use client";
 'use strict';
 
+var React = require('react');
 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');
 
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/hero/hero-presentation-platform-video.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -840,7 +840,7 @@ function HeroPresentationPlatformVideo({
   descriptionClassName,
   videoClassName
 }) {
-  const renderActions = () => {
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 font-medium md:flex-row", children: actions.map((action, index) => {
@@ -860,8 +860,8 @@ function HeroPresentationPlatformVideo({
         index
       );
     }) });
-  };
-  const renderVideo = () => {
+  }, [actionsSlot, actions]);
+  const renderVideo = React.useMemo(() => {
     if (videoSlot) return videoSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative hidden h-[720px] w-[45%] overflow-hidden rounded-l-full bg-black lg:block", videoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
       "video",
@@ -876,7 +876,7 @@ function HeroPresentationPlatformVideo({
         children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoSrc, type: "video/mp4" })
       }
     ) });
-  };
+  }, [videoSlot, videoSrc, videoClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -889,9 +889,9 @@ function HeroPresentationPlatformVideo({
           subtitle && (typeof subtitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-light text-foreground uppercase", children: subtitle }) : subtitle),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-5xl font-medium text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-5xl font-medium text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("my-8 text-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          renderActions()
+          renderActions
         ] }),
-        renderVideo()
+        renderVideo
       ]
     }
   );

package/dist/hero-presentation-platform-video.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';

package/dist/hero-presentation-platform-video.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SectionBackground, SectionSpacing } from './types.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { A as ActionConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';