@opensite/ui 0.5.3 → 0.5.5

package/dist/cta-documentation-links.cjs

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
+var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 
 function _interopNamespace(e) {
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// lib/utils.ts
+// components/blocks/cta/cta-documentation-links.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -956,12 +956,12 @@ function CtaDocumentationLinks({
   actionsClassName,
   linksClassName,
   linkCardClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderActions = () => {
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1001,8 +1001,8 @@ function CtaDocumentationLinks({
         })
       }
     );
-  };
-  const renderLinks = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const linksContent = React.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4", linksClassName), children: links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1024,15 +1024,15 @@ function CtaDocumentationLinks({
               }
             )),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "mb-2 leading-4 font-medium", children: link.title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: link.description })
+              link.title && /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "mb-2 leading-4 font-medium", children: link.title }),
+              link.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: link.description })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
         ]
       }
     ) }, index)) });
-  };
+  }, [linksSlot, links, linksClassName, linkCardClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1050,7 +1050,7 @@ function CtaDocumentationLinks({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClassName, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h4",
                 {
                   className: cn(
@@ -1059,11 +1059,11 @@ function CtaDocumentationLinks({
                   ),
                   children: heading
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }),
-              renderActions()
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2", headingClassName), children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+              actionsContent
             ] }),
-            renderLinks()
+            linksContent
           ]
         }
       ) })

package/dist/cta-documentation-links.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 { jsx, jsxs } from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default from 'react';
 import { cva } from 'class-variance-authority';
 
-// lib/utils.ts
+// components/blocks/cta/cta-documentation-links.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -935,12 +935,12 @@ function CtaDocumentationLinks({
   actionsClassName,
   linksClassName,
   linkCardClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderActions = () => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -980,8 +980,8 @@ function CtaDocumentationLinks({
         })
       }
     );
-  };
-  const renderLinks = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const linksContent = useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4", linksClassName), children: links.map((link, index) => /* @__PURE__ */ jsx(Pressable, { href: link.href, children: /* @__PURE__ */ jsxs(
@@ -1003,15 +1003,15 @@ function CtaDocumentationLinks({
               }
             )),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h5", { className: "mb-2 leading-4 font-medium", children: link.title }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: link.description })
+              link.title && /* @__PURE__ */ jsx("h5", { className: "mb-2 leading-4 font-medium", children: link.title }),
+              link.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: link.description })
             ] })
           ] }),
           /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 24 })
         ]
       }
     ) }, index)) });
-  };
+  }, [linksSlot, links, linksClassName, linkCardClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1029,7 +1029,7 @@ function CtaDocumentationLinks({
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: contentClassName, children: [
-              /* @__PURE__ */ jsx(
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h4",
                 {
                   className: cn(
@@ -1038,11 +1038,11 @@ function CtaDocumentationLinks({
                   ),
                   children: heading
                 }
-              ),
-              /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }),
-              renderActions()
+              ) : /* @__PURE__ */ jsx("div", { className: cn("mb-2", headingClassName), children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              actionsContent
             ] }),
-            renderLinks()
+            linksContent
           ]
         }
       ) })

package/dist/cta-enterprise-dark-features.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/cta/cta-enterprise-dark-features.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -945,13 +945,13 @@ function CtaEnterpriseDarkFeatures({
   featuresClassName,
   actionsClassName,
   imagesClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderActions = () => {
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -986,8 +986,8 @@ function CtaEnterpriseDarkFeatures({
         index
       );
     }) });
-  };
-  const renderFeatures = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const featuresContent = React.useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-8 space-y-4", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1008,7 +1008,7 @@ function CtaEnterpriseDarkFeatures({
       },
       index
     )) });
-  };
+  }, [featuresSlot, features, featuresClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1027,7 +1027,7 @@ function CtaEnterpriseDarkFeatures({
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 grid gap-8 lg:grid-cols-2 lg:gap-16", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClassName, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "h2",
                   {
                     className: cn(
@@ -1036,8 +1036,8 @@ function CtaEnterpriseDarkFeatures({
                     ),
                     children: heading
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", headingClassName), children: heading })),
+                description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                   "p",
                   {
                     className: cn(
@@ -1046,33 +1046,33 @@ function CtaEnterpriseDarkFeatures({
                     ),
                     children: description
                   }
-                ),
-                renderFeatures(),
-                renderActions()
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+                featuresContent,
+                actionsContent
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative hidden lg:block", imagesClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -right-8 -top-8 h-64 w-48 rotate-6 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+              decorativeImages && decorativeImages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative hidden lg:block", imagesClassName), children: [
+                decorativeImages[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -right-8 -top-8 h-64 w-48 rotate-6 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
                   img.Img,
                   {
-                    src: decorativeImages?.[0],
+                    src: decorativeImages[0],
                     alt: "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-16 top-24 h-48 w-36 -rotate-3 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+                decorativeImages[1] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-16 top-24 h-48 w-36 -rotate-3 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
                   img.Img,
                   {
-                    src: decorativeImages?.[1],
+                    src: decorativeImages[1],
                     alt: "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-4 right-8 h-56 w-44 rotate-12 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+                decorativeImages[2] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-4 right-8 h-56 w-44 rotate-12 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
                   img.Img,
                   {
-                    src: decorativeImages?.[2],
+                    src: decorativeImages[2],
                     alt: "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig

package/dist/cta-enterprise-dark-features.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 } from 'react/jsx-runtime';
 import { Img } from '@page-speed/img';
 
-// lib/utils.ts
+// components/blocks/cta/cta-enterprise-dark-features.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -924,13 +924,13 @@ function CtaEnterpriseDarkFeatures({
   featuresClassName,
   actionsClassName,
   imagesClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const renderActions = () => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -965,8 +965,8 @@ function CtaEnterpriseDarkFeatures({
         index
       );
     }) });
-  };
-  const renderFeatures = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const featuresContent = useMemo(() => {
     if (featuresSlot) return featuresSlot;
     if (!features || features.length === 0) return null;
     return /* @__PURE__ */ jsx("ul", { className: cn("mb-8 space-y-4", featuresClassName), children: features.map((feature, index) => /* @__PURE__ */ jsxs(
@@ -987,7 +987,7 @@ function CtaEnterpriseDarkFeatures({
       },
       index
     )) });
-  };
+  }, [featuresSlot, features, featuresClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1006,7 +1006,7 @@ function CtaEnterpriseDarkFeatures({
           children: [
             /* @__PURE__ */ jsxs("div", { className: "relative z-10 grid gap-8 lg:grid-cols-2 lg:gap-16", children: [
               /* @__PURE__ */ jsxs("div", { className: contentClassName, children: [
-                /* @__PURE__ */ jsx(
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                   "h2",
                   {
                     className: cn(
@@ -1015,8 +1015,8 @@ function CtaEnterpriseDarkFeatures({
                     ),
                     children: heading
                   }
-                ),
-                /* @__PURE__ */ jsx(
+                ) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", headingClassName), children: heading })),
+                description && (typeof description === "string" ? /* @__PURE__ */ jsx(
                   "p",
                   {
                     className: cn(
@@ -1025,33 +1025,33 @@ function CtaEnterpriseDarkFeatures({
                     ),
                     children: description
                   }
-                ),
-                renderFeatures(),
-                renderActions()
+                ) : /* @__PURE__ */ jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+                featuresContent,
+                actionsContent
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: cn("relative hidden lg:block", imagesClassName), children: [
-                /* @__PURE__ */ jsx("div", { className: "absolute -right-8 -top-8 h-64 w-48 rotate-6 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsx(
+              decorativeImages && decorativeImages.length > 0 && /* @__PURE__ */ jsxs("div", { className: cn("relative hidden lg:block", imagesClassName), children: [
+                decorativeImages[0] && /* @__PURE__ */ jsx("div", { className: "absolute -right-8 -top-8 h-64 w-48 rotate-6 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsx(
                   Img,
                   {
-                    src: decorativeImages?.[0],
+                    src: decorativeImages[0],
                     alt: "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig
                   }
                 ) }),
-                /* @__PURE__ */ jsx("div", { className: "absolute right-16 top-24 h-48 w-36 -rotate-3 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsx(
+                decorativeImages[1] && /* @__PURE__ */ jsx("div", { className: "absolute right-16 top-24 h-48 w-36 -rotate-3 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsx(
                   Img,
                   {
-                    src: decorativeImages?.[1],
+                    src: decorativeImages[1],
                     alt: "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig
                   }
                 ) }),
-                /* @__PURE__ */ jsx("div", { className: "absolute -bottom-4 right-8 h-56 w-44 rotate-12 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsx(
+                decorativeImages[2] && /* @__PURE__ */ jsx("div", { className: "absolute -bottom-4 right-8 h-56 w-44 rotate-12 overflow-hidden rounded-xl shadow-2xl", children: /* @__PURE__ */ jsx(
                   Img,
                   {
-                    src: decorativeImages?.[2],
+                    src: decorativeImages[2],
                     alt: "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig

package/dist/cta-enterprise-split.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/cta/cta-enterprise-split.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -956,12 +956,12 @@ function CtaEnterpriseSplit({
   actionsClassName,
   linksClassName,
   linkCardClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderActions = () => {
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-3 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -992,8 +992,8 @@ function CtaEnterpriseSplit({
         index
       );
     }) });
-  };
-  const renderLinks = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const linksContent = React.useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col gap-4", linksClassName), children: links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1028,7 +1028,7 @@ function CtaEnterpriseSplit({
         ]
       }
     ) }, index)) });
-  };
+  }, [linksSlot, links, linksClassName, linkCardClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1043,7 +1043,7 @@ function CtaEnterpriseSplit({
           className: cn("grid gap-8 lg:grid-cols-2 lg:gap-16", gridClassName),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-center", contentClassName), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
                   className: cn(
@@ -1052,8 +1052,8 @@ function CtaEnterpriseSplit({
                   ),
                   children: heading
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", headingClassName), children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
                   className: cn(
@@ -1062,10 +1062,10 @@ function CtaEnterpriseSplit({
                   ),
                   children: description
                 }
-              ),
-              renderActions()
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+              actionsContent
             ] }),
-            renderLinks()
+            linksContent
           ]
         }
       ) })

package/dist/cta-enterprise-split.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 } from 'react/jsx-runtime';
 
-// lib/utils.ts
+// components/blocks/cta/cta-enterprise-split.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -935,12 +935,12 @@ function CtaEnterpriseSplit({
   actionsClassName,
   linksClassName,
   linkCardClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const renderActions = () => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-3 sm:flex-row", actionsClassName), children: actions.map((action, index) => {
@@ -971,8 +971,8 @@ function CtaEnterpriseSplit({
         index
       );
     }) });
-  };
-  const renderLinks = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const linksContent = useMemo(() => {
     if (linksSlot) return linksSlot;
     if (!links || links.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-4", linksClassName), children: links.map((link, index) => /* @__PURE__ */ jsx(Pressable, { href: link.href, children: /* @__PURE__ */ jsxs(
@@ -1007,7 +1007,7 @@ function CtaEnterpriseSplit({
         ]
       }
     ) }, index)) });
-  };
+  }, [linksSlot, links, linksClassName, linkCardClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1022,7 +1022,7 @@ function CtaEnterpriseSplit({
           className: cn("grid gap-8 lg:grid-cols-2 lg:gap-16", gridClassName),
           children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-center", contentClassName), children: [
-              /* @__PURE__ */ jsx(
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                 "h2",
                 {
                   className: cn(
@@ -1031,8 +1031,8 @@ function CtaEnterpriseSplit({
                   ),
                   children: heading
                 }
-              ),
-              /* @__PURE__ */ jsx(
+              ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", headingClassName), children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
                 "p",
                 {
                   className: cn(
@@ -1041,10 +1041,10 @@ function CtaEnterpriseSplit({
                   ),
                   children: description
                 }
-              ),
-              renderActions()
+              ) : /* @__PURE__ */ jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+              actionsContent
             ] }),
-            renderLinks()
+            linksContent
           ]
         }
       ) })