@opensite/ui 0.5.4 → 0.5.6

package/dist/hero-crm-streamlined.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 { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { A as ActionConfig, I as ImageItem, 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';
 
 interface HeroCrmStreamlinedProps {

package/dist/hero-crm-streamlined.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 { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { A as ActionConfig, I as ImageItem, 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';
 
 interface HeroCrmStreamlinedProps {

package/dist/hero-crm-streamlined.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-crm-streamlined.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -810,8 +810,8 @@ function HeroCrmStreamlined({
   actionSlot,
   image,
   imageSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,
@@ -823,7 +823,7 @@ function HeroCrmStreamlined({
   imageClassName,
   optixFlowConfig
 }) {
-  const renderAction = () => {
+  const renderAction = useMemo(() => {
     if (actionSlot) return actionSlot;
     if (!action) return null;
     const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
@@ -840,7 +840,7 @@ function HeroCrmStreamlined({
         ] })
       }
     );
-  };
+  }, [actionSlot, action]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -854,7 +854,7 @@ function HeroCrmStreamlined({
           tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-base font-semibold text-muted-foreground", taglineClassName), children: tagline }) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mb-2 text-4xl leading-snug! font-medium text-black lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-2 text-lg text-black/80", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderAction()
+          renderAction
         ] }) }),
         /* @__PURE__ */ jsx("div", { className: cn("relative basis-[42%] py-9 md:py-16", imageClassName), children: imageSlot ? imageSlot : image ? /* @__PURE__ */ jsxs("div", { className: "aspect-square w-full overflow-hidden", children: [
           /* @__PURE__ */ jsx(

package/dist/hero-customer-support-layered.cjs

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
 var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -28,10 +28,10 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
 var React__default = /*#__PURE__*/_interopDefault(React);
+var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
 
-// lib/utils.ts
+// components/blocks/hero/hero-customer-support-layered.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -419,8 +419,8 @@ function HeroCustomerSupportLayered({
   description,
   images,
   imagesSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,
@@ -432,7 +432,7 @@ function HeroCustomerSupportLayered({
   imagesClassName,
   optixFlowConfig
 }) {
-  const renderImages = () => {
+  const renderImages = React.useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative ml-8 aspect-square w-full max-w-225 overflow-hidden lg:absolute lg:right-0 lg:bottom-0 lg:w-1/2", imagesClassName), children: [
@@ -464,7 +464,7 @@ function HeroCustomerSupportLayered({
         }
       ) }) })
     ] });
-  };
+  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -479,7 +479,7 @@ function HeroCustomerSupportLayered({
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-[clamp(3.5rem,calc(6.5vw+2.3rem),9.5rem)] leading-[0.85] tracking-[-0.03em] text-foreground", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-[clamp(3.5rem,calc(6.5vw+2.3rem),9.5rem)] leading-[0.85] tracking-[-0.03em] text-foreground", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-[clamp(1.125rem,1.125vw,1.4rem)] leading-normal text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderImages() })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderImages })
       ] }) })
     }
   );

package/dist/hero-customer-support-layered.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, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { I as ImageItem, 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';
 
 interface HeroCustomerSupportLayeredProps {

package/dist/hero-customer-support-layered.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, 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, 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';
 
 interface HeroCustomerSupportLayeredProps {

package/dist/hero-customer-support-layered.js

@@ -1,12 +1,12 @@
 "use client";
+import React, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
 
-// lib/utils.ts
+// components/blocks/hero/hero-customer-support-layered.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -394,8 +394,8 @@ function HeroCustomerSupportLayered({
   description,
   images,
   imagesSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,
@@ -407,7 +407,7 @@ function HeroCustomerSupportLayered({
   imagesClassName,
   optixFlowConfig
 }) {
-  const renderImages = () => {
+  const renderImages = useMemo(() => {
     if (imagesSlot) return imagesSlot;
     if (!images || images.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("relative ml-8 aspect-square w-full max-w-225 overflow-hidden lg:absolute lg:right-0 lg:bottom-0 lg:w-1/2", imagesClassName), children: [
@@ -439,7 +439,7 @@ function HeroCustomerSupportLayered({
         }
       ) }) })
     ] });
-  };
+  }, [imagesSlot, images, imagesClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -454,7 +454,7 @@ function HeroCustomerSupportLayered({
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-[clamp(3.5rem,calc(6.5vw+2.3rem),9.5rem)] leading-[0.85] tracking-[-0.03em] text-foreground", headingClassName), children: heading }) : /* @__PURE__ */ jsx("h1", { className: cn("text-[clamp(3.5rem,calc(6.5vw+2.3rem),9.5rem)] leading-[0.85] tracking-[-0.03em] text-foreground", headingClassName), children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-[clamp(1.125rem,1.125vw,1.4rem)] leading-normal text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
         ] }),
-        /* @__PURE__ */ jsx("div", { children: renderImages() })
+        /* @__PURE__ */ jsx("div", { children: renderImages })
       ] }) })
     }
   );

package/dist/hero-dashed-border-features.cjs

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 
 function _interopNamespace(e) {
@@ -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-dashed-border-features.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -1003,8 +1003,8 @@ function HeroDashedBorderFeatures({
   demoAvatarSrc,
   features,
   featuresSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,
@@ -1015,7 +1015,7 @@ function HeroDashedBorderFeatures({
   actionsClassName,
   featuresClassName
 }) {
-  const renderAnnouncement = () => {
+  const renderAnnouncement = React.useMemo(() => {
     if (announcementSlot) return announcementSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Pressable,
@@ -1029,8 +1029,8 @@ function HeroDashedBorderFeatures({
         ]
       }
     );
-  };
-  const renderActions = () => {
+  }, [announcementSlot, announcementHref, badgeText, announcementText]);
+  const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1072,8 +1072,8 @@ function HeroDashedBorderFeatures({
         }
       )
     ] });
-  };
-  const renderFeatures = () => {
+  }, [actionsSlot, actions, demoAvatarSrc]);
+  const renderFeatures = React.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1090,7 +1090,7 @@ function HeroDashedBorderFeatures({
       },
       index
     ));
-  };
+  }, [featuresSlot, features]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1101,15 +1101,15 @@ function HeroDashedBorderFeatures({
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("border-x border-t border-dashed px-4 py-20 md:px-16", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
-          renderAnnouncement(),
+          renderAnnouncement,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-6 max-w-2xl text-center text-muted-foreground lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col justify-center gap-2 sm:flex-row", actionsClassName), children: renderActions() })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col justify-center gap-2 sm:flex-row", actionsClassName), children: renderActions })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative grid border-x border-dashed md:grid-cols-3", featuresClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/sparkle", size: 20, className: "absolute top-0 right-0 translate-x-2.5 -translate-y-2.5 fill-primary" }),
           /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/sparkle", size: 20, className: "absolute top-0 left-0 -translate-x-2.5 -translate-y-2.5 fill-primary" }),
-          renderFeatures()
+          renderFeatures
         ] })
       ] })
     }

package/dist/hero-dashed-border-features.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 { A as ActionConfig, F as FeatureItem } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { A as ActionConfig, F as FeatureItem } 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';
 
 interface HeroDashedBorderFeaturesProps {

package/dist/hero-dashed-border-features.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 { A as ActionConfig, F as FeatureItem } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { A as ActionConfig, F as FeatureItem } 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';
 
 interface HeroDashedBorderFeaturesProps {

package/dist/hero-dashed-border-features.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 { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
-// lib/utils.ts
+// components/blocks/hero/hero-dashed-border-features.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -981,8 +981,8 @@ function HeroDashedBorderFeatures({
   demoAvatarSrc,
   features,
   featuresSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,
@@ -993,7 +993,7 @@ function HeroDashedBorderFeatures({
   actionsClassName,
   featuresClassName
 }) {
-  const renderAnnouncement = () => {
+  const renderAnnouncement = useMemo(() => {
     if (announcementSlot) return announcementSlot;
     return /* @__PURE__ */ jsxs(
       Pressable,
@@ -1007,8 +1007,8 @@ function HeroDashedBorderFeatures({
         ]
       }
     );
-  };
-  const renderActions = () => {
+  }, [announcementSlot, announcementHref, badgeText, announcementText]);
+  const renderActions = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1050,8 +1050,8 @@ function HeroDashedBorderFeatures({
         }
       )
     ] });
-  };
-  const renderFeatures = () => {
+  }, [actionsSlot, actions, demoAvatarSrc]);
+  const renderFeatures = useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return features.map((feature, index) => /* @__PURE__ */ jsxs(
@@ -1068,7 +1068,7 @@ function HeroDashedBorderFeatures({
       },
       index
     ));
-  };
+  }, [featuresSlot, features]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1079,15 +1079,15 @@ function HeroDashedBorderFeatures({
       className,
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsx("div", { className: cn("border-x border-t border-dashed px-4 py-20 md:px-16", contentClassName), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl", children: [
-          renderAnnouncement(),
+          renderAnnouncement,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-6 max-w-2xl text-center text-muted-foreground lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          /* @__PURE__ */ jsx("div", { className: cn("flex flex-col justify-center gap-2 sm:flex-row", actionsClassName), children: renderActions() })
+          /* @__PURE__ */ jsx("div", { className: cn("flex flex-col justify-center gap-2 sm:flex-row", actionsClassName), children: renderActions })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: cn("relative grid border-x border-dashed md:grid-cols-3", featuresClassName), children: [
           /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/sparkle", size: 20, className: "absolute top-0 right-0 translate-x-2.5 -translate-y-2.5 fill-primary" }),
           /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/sparkle", size: 20, className: "absolute top-0 left-0 -translate-x-2.5 -translate-y-2.5 fill-primary" }),
-          renderFeatures()
+          renderFeatures
         ] })
       ] })
     }

package/dist/hero-design-carousel-portfolio.cjs

@@ -1,11 +1,11 @@
 "use client";
 'use strict';
 
+var React4 = require('react');
 var AutoScroll = require('embla-carousel-auto-scroll');
 var Autoplay = require('embla-carousel-autoplay');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React4 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var img = require('@page-speed/img');
@@ -31,9 +31,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 var AutoScroll__default = /*#__PURE__*/_interopDefault(AutoScroll);
 var Autoplay__default = /*#__PURE__*/_interopDefault(Autoplay);
-var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 
 // components/blocks/hero/hero-design-carousel-portfolio.tsx
@@ -1078,8 +1078,8 @@ function HeroDesignCarouselPortfolio({
   actionsSlot,
   carouselImages,
   carouselSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,
@@ -1091,7 +1091,7 @@ function HeroDesignCarouselPortfolio({
   carouselClassName,
   optixFlowConfig
 }) {
-  const renderLogo = () => {
+  const renderLogo = React4.useMemo(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -1104,16 +1104,16 @@ function HeroDesignCarouselPortfolio({
         optixFlowConfig
       }
     );
-  };
-  const renderFeatures = () => {
+  }, [logoSlot, logo, optixFlowConfig]);
+  const renderFeatures = React4.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden items-center gap-6 lg:flex", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-foreground", children: [
       feature.icon ?? /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.iconName || "lucide/check-circle", size: 24 }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: feature.title })
     ] }, index)) });
-  };
-  const renderPrimaryAction = () => {
+  }, [featuresSlot, features, featuresClassName]);
+  const renderPrimaryAction = React4.useMemo(() => {
     if (actionsSlot) return null;
     if (!primaryAction) return null;
     const { label, className: actionClassName, ...pressableProps } = primaryAction;
@@ -1137,8 +1137,8 @@ function HeroDesignCarouselPortfolio({
         ]
       }
     );
-  };
-  const renderSecondaryAction = () => {
+  }, [actionsSlot, primaryAction, primaryActionAvatar, optixFlowConfig]);
+  const renderSecondaryAction = React4.useMemo(() => {
     if (actionsSlot) return null;
     if (!secondaryAction) return null;
     const { label, iconAfter, className: actionClassName, ...pressableProps } = secondaryAction;
@@ -1154,8 +1154,8 @@ function HeroDesignCarouselPortfolio({
         ]
       }
     );
-  };
-  const renderCarousel = () => {
+  }, [actionsSlot, secondaryAction]);
+  const renderCarousel = React4.useMemo(() => {
     if (carouselSlot) return carouselSlot;
     if (!carouselImages || carouselImages.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1186,7 +1186,7 @@ function HeroDesignCarouselPortfolio({
         ) }) }, index)) })
       }
     );
-  };
+  }, [carouselSlot, carouselImages, carouselClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1197,18 +1197,18 @@ function HeroDesignCarouselPortfolio({
       className: cn("relative", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative z-10 container mx-auto", containerClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8", children: renderLogo() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8", children: renderLogo }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-10 py-10 lg:py-28", contentClassName), children: [
-            renderFeatures(),
+            renderFeatures,
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4", children: [
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-6xl text-4xl tracking-tighter text-foreground lg:text-7xl xl:text-9xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-6xl text-4xl tracking-tighter text-foreground lg:text-7xl xl:text-9xl", headingClassName), children: heading })),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-foreground lg:text-2xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-foreground lg:text-2xl", descriptionClassName), children: description }))
             ] }) }),
-            actionsSlot || renderPrimaryAction()
+            actionsSlot || renderPrimaryAction
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex flex-col", children: renderCarousel() }),
-        actionsSlot || renderSecondaryAction()
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex flex-col", children: renderCarousel }),
+        actionsSlot || renderSecondaryAction
       ]
     }
   );

package/dist/hero-design-carousel-portfolio.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 { L as LogoItem, F as FeatureItem, A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { L as LogoItem, F as FeatureItem, A as ActionConfig, I as ImageItem, 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';
 
 interface HeroDesignCarouselPortfolioProps {

package/dist/hero-design-carousel-portfolio.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 { L as LogoItem, F as FeatureItem, A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { L as LogoItem, F as FeatureItem, A as ActionConfig, I as ImageItem, 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';
 
 interface HeroDesignCarouselPortfolioProps {