@opensite/ui 0.5.5 → 0.5.6

package/dist/hero-event-registration.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 reactSlot = require('@radix-ui/react-slot');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/hero/hero-event-registration.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -973,8 +973,8 @@ function HeroEventRegistration({
   statsSlot,
   image,
   imageSlot,
-  locationLabel = "San Francisco, CA",
-  locationSublabel = "Moscone Center",
+  locationLabel,
+  locationSublabel,
   locationSlot,
   background,
   spacing,
@@ -990,14 +990,14 @@ function HeroEventRegistration({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderBadge = () => {
+  const renderBadge = React.useMemo(() => {
     if (badgeSlot) return badgeSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "outline", className: "w-fit", children: [
       badgeIcon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: badgeIcon, size: 14, className: "mr-1" }),
       badgeText
     ] });
-  };
-  const renderActions = () => {
+  }, [badgeSlot, badgeIcon, badgeText]);
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -1017,33 +1017,18 @@ function HeroEventRegistration({
         index
       );
     }) });
-  };
-  const renderStats = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const renderStats = React.useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-3 gap-4 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-foreground", children: stat.value }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
     ] }, index)) });
-  };
-  const renderImage = () => {
-    if (imageSlot) return imageSlot;
-    if (!image) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden rounded-2xl", imageClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: image.src,
-          alt: image.alt,
-          className: cn("aspect-4/3 w-full object-cover", image.className),
-          optixFlowConfig
-        }
-      ) }),
-      renderLocation()
-    ] });
-  };
-  const renderLocation = () => {
+  }, [statsSlot, stats, statsClassName]);
+  const renderLocation = React.useMemo(() => {
     if (locationSlot) return locationSlot;
+    if (!locationLabel && !locationSublabel) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-4 -left-4 rounded-xl bg-background p-4 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(
         DynamicIcon,
@@ -1054,11 +1039,27 @@ function HeroEventRegistration({
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground", children: locationLabel }) : locationLabel,
-        typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: locationSublabel }) : locationSublabel
+        locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground", children: locationLabel }) : locationLabel),
+        locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: locationSublabel }) : locationSublabel)
       ] })
     ] }) });
-  };
+  }, [locationSlot, locationLabel, locationSublabel]);
+  const renderImage = React.useMemo(() => {
+    if (imageSlot) return imageSlot;
+    if (!image) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden rounded-2xl", imageClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: image.src,
+          alt: image.alt,
+          className: cn("aspect-4/3 w-full object-cover", image.className),
+          optixFlowConfig
+        }
+      ) }),
+      renderLocation
+    ] });
+  }, [imageSlot, image, imageClassName, optixFlowConfig, renderLocation]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1069,13 +1070,13 @@ function HeroEventRegistration({
       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: [
-          renderBadge(),
+          renderBadge,
           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(),
-          renderStats()
+          renderActions,
+          renderStats
         ] }),
-        renderImage()
+        renderImage
       ] }) })
     }
   );

package/dist/hero-event-registration.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, S as StatItem, I as ImageItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
@@ -53,11 +53,11 @@ interface HeroEventRegistrationProps {
      */
     imageSlot?: React.ReactNode;
     /**
-     * Location label (e.g., city)
+     * Location label content
      */
     locationLabel?: React.ReactNode;
     /**
-     * Location sublabel (e.g., venue name)
+     * Location sublabel content
      */
     locationSublabel?: React.ReactNode;
     /**

package/dist/hero-event-registration.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, S as StatItem, I as ImageItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
@@ -53,11 +53,11 @@ interface HeroEventRegistrationProps {
      */
     imageSlot?: React.ReactNode;
     /**
-     * Location label (e.g., city)
+     * Location label content
      */
     locationLabel?: React.ReactNode;
     /**
-     * Location sublabel (e.g., venue name)
+     * Location sublabel content
      */
     locationSublabel?: React.ReactNode;
     /**

package/dist/hero-event-registration.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 { Slot } from '@radix-ui/react-slot';
 import { Img } from '@page-speed/img';
 
-// lib/utils.ts
+// components/blocks/hero/hero-event-registration.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -952,8 +952,8 @@ function HeroEventRegistration({
   statsSlot,
   image,
   imageSlot,
-  locationLabel = "San Francisco, CA",
-  locationSublabel = "Moscone Center",
+  locationLabel,
+  locationSublabel,
   locationSlot,
   background,
   spacing,
@@ -969,14 +969,14 @@ function HeroEventRegistration({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderBadge = () => {
+  const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
     return /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "w-fit", children: [
       badgeIcon && /* @__PURE__ */ jsx(DynamicIcon, { name: badgeIcon, size: 14, className: "mr-1" }),
       badgeText
     ] });
-  };
-  const renderActions = () => {
+  }, [badgeSlot, badgeIcon, badgeText]);
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -996,33 +996,18 @@ function HeroEventRegistration({
         index
       );
     }) });
-  };
-  const renderStats = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-3 gap-4 pt-4", statsClassName), children: stats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-foreground", children: stat.value }),
       /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
     ] }, index)) });
-  };
-  const renderImage = () => {
-    if (imageSlot) return imageSlot;
-    if (!image) return null;
-    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden rounded-2xl", imageClassName), children: /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: image.src,
-          alt: image.alt,
-          className: cn("aspect-4/3 w-full object-cover", image.className),
-          optixFlowConfig
-        }
-      ) }),
-      renderLocation()
-    ] });
-  };
-  const renderLocation = () => {
+  }, [statsSlot, stats, statsClassName]);
+  const renderLocation = useMemo(() => {
     if (locationSlot) return locationSlot;
+    if (!locationLabel && !locationSublabel) return null;
     return /* @__PURE__ */ jsx("div", { className: "absolute -bottom-4 -left-4 rounded-xl bg-background p-4 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ jsx(
         DynamicIcon,
@@ -1033,11 +1018,27 @@ function HeroEventRegistration({
         }
       ) }),
       /* @__PURE__ */ jsxs("div", { children: [
-        typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground", children: locationLabel }) : locationLabel,
-        typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: locationSublabel }) : locationSublabel
+        locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground", children: locationLabel }) : locationLabel),
+        locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: locationSublabel }) : locationSublabel)
       ] })
     ] }) });
-  };
+  }, [locationSlot, locationLabel, locationSublabel]);
+  const renderImage = useMemo(() => {
+    if (imageSlot) return imageSlot;
+    if (!image) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden rounded-2xl", imageClassName), children: /* @__PURE__ */ jsx(
+        Img,
+        {
+          src: image.src,
+          alt: image.alt,
+          className: cn("aspect-4/3 w-full object-cover", image.className),
+          optixFlowConfig
+        }
+      ) }),
+      renderLocation
+    ] });
+  }, [imageSlot, image, imageClassName, optixFlowConfig, renderLocation]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1048,13 +1049,13 @@ function HeroEventRegistration({
       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: [
-          renderBadge(),
+          renderBadge,
           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(),
-          renderStats()
+          renderActions,
+          renderStats
         ] }),
-        renderImage()
+        renderImage
       ] }) })
     }
   );

package/dist/hero-feature-cards-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');
 
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/hero/hero-feature-cards-grid.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -946,7 +946,7 @@ function HeroFeatureCardsGrid({
   actionsClassName,
   featuresClassName
 }) {
-  const renderActions = () => {
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 flex flex-col justify-center gap-4 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -966,8 +966,8 @@ function HeroFeatureCardsGrid({
         index
       );
     }) });
-  };
-  const renderFeatures = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const renderFeatures = React.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 grid gap-8 md:grid-cols-2 lg:grid-cols-4", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -982,7 +982,7 @@ function HeroFeatureCardsGrid({
       },
       index
     )) });
-  };
+  }, [featuresSlot, features, featuresClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -995,9 +995,9 @@ function HeroFeatureCardsGrid({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
           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("mt-6 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          renderActions()
+          renderActions
         ] }),
-        renderFeatures()
+        renderFeatures
       ] })
     }
   );

package/dist/hero-feature-cards-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 { A as ActionConfig, F as FeatureItem } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';

package/dist/hero-feature-cards-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 { A as ActionConfig, F as FeatureItem } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';

package/dist/hero-feature-cards-grid.js

@@ -1,12 +1,12 @@
 "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';
 
-// lib/utils.ts
+// components/blocks/hero/hero-feature-cards-grid.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -925,7 +925,7 @@ function HeroFeatureCardsGrid({
   actionsClassName,
   featuresClassName
 }) {
-  const renderActions = () => {
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-10 flex flex-col justify-center gap-4 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -945,8 +945,8 @@ function HeroFeatureCardsGrid({
         index
       );
     }) });
-  };
-  const renderFeatures = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const renderFeatures = useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("mt-20 grid gap-8 md:grid-cols-2 lg:grid-cols-4", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxs(
@@ -961,7 +961,7 @@ function HeroFeatureCardsGrid({
       },
       index
     )) });
-  };
+  }, [featuresSlot, features, featuresClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -974,9 +974,9 @@ function HeroFeatureCardsGrid({
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
           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("mt-6 text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderActions()
+          renderActions
         ] }),
-        renderFeatures()
+        renderFeatures
       ] })
     }
   );

package/dist/hero-floating-images.d.cts

@@ -1,6 +1,6 @@
 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 { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/hero-floating-images.d.ts

@@ -1,6 +1,6 @@
 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 { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';

package/dist/hero-fullscreen-background-image.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-fullscreen-background-image.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -839,7 +839,7 @@ function HeroFullscreenBackgroundImage({
   descriptionClassName,
   actionsClassName
 }) {
-  const renderActions = () => {
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -859,7 +859,7 @@ function HeroFullscreenBackgroundImage({
         index
       );
     });
-  };
+  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -872,7 +872,7 @@ function HeroFullscreenBackgroundImage({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative z-30 m-auto flex max-w-185 flex-col items-center justify-center gap-6 px-5", contentClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-center font-serif text-4xl leading-tight text-foreground md:text-6xl xl:text-[4.4rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center text-base text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: renderActions() })
+          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: renderActions })
         ] }),
         noiseOverlayUrl && /* @__PURE__ */ jsxRuntime.jsx(
           "div",

package/dist/hero-fullscreen-background-image.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-fullscreen-background-image.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';

package/dist/hero-fullscreen-background-image.js

@@ -1,12 +1,12 @@
 "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';
 
-// lib/utils.ts
+// components/blocks/hero/hero-fullscreen-background-image.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -818,7 +818,7 @@ function HeroFullscreenBackgroundImage({
   descriptionClassName,
   actionsClassName
 }) {
-  const renderActions = () => {
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
@@ -838,7 +838,7 @@ function HeroFullscreenBackgroundImage({
         index
       );
     });
-  };
+  }, [actionsSlot, actions]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -851,7 +851,7 @@ function HeroFullscreenBackgroundImage({
         /* @__PURE__ */ jsxs("div", { className: cn("relative z-30 m-auto flex max-w-185 flex-col items-center justify-center gap-6 px-5", contentClassName), children: [
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-center font-serif text-4xl leading-tight text-foreground md:text-6xl xl:text-[4.4rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-center text-base text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions() })
+          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions })
         ] }),
         noiseOverlayUrl && /* @__PURE__ */ jsx(
           "div",

package/dist/hero-fullscreen-logo-cta.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-fullscreen-logo-cta.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -842,7 +842,7 @@ function HeroFullscreenLogoCta({
   descriptionClassName,
   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;
@@ -855,8 +855,8 @@ function HeroFullscreenLogoCta({
         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;
@@ -873,7 +873,7 @@ function HeroFullscreenLogoCta({
         ] })
       }
     );
-  };
+  }, [actionSlot, action]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -883,13 +883,13 @@ function HeroFullscreenLogoCta({
       ),
       style: { backgroundImage: `url('${backgroundImage}')` },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container flex h-full flex-col justify-between px-5 xl:px-20", containerClassName), children: [
-        renderLogo(),
+        renderLogo,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col gap-8 md:w-2/3", contentClassName), children: [
             heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-6xl font-medium text-foreground md:text-[5.8rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-6xl font-medium text-foreground md:text-[5.8rem]", headingClassName), children: heading })),
             description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-xl text-foreground md:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
           ] }),
-          renderAction()
+          renderAction
         ] })
       ] })
     }

package/dist/hero-fullscreen-logo-cta.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, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';