@opensite/ui 0.5.4 → 0.5.6

package/dist/cta-stacked-cards.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-stacked-cards.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -835,12 +835,12 @@ function CtaStackedCards({
   descriptionClassName,
   actionsClassName,
   cardsClassName,
-  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: actionsClassName, children: actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -861,7 +861,7 @@ function CtaStackedCards({
       },
       index
     )) });
-  };
+  }, [actionsSlot, actions, actionsClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -893,7 +893,7 @@ function CtaStackedCards({
                       contentClassName
                     ),
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
+                      heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                         "h3",
                         {
                           className: cn(
@@ -902,8 +902,8 @@ function CtaStackedCards({
                           ),
                           children: heading
                         }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
+                      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-3 md:mb-4 lg:mb-6", headingClassName), children: heading })),
+                      description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                         "p",
                         {
                           className: cn(
@@ -912,8 +912,8 @@ function CtaStackedCards({
                           ),
                           children: description
                         }
-                      ),
-                      renderActions()
+                      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+                      actionsContent
                     ]
                   }
                 ),

package/dist/cta-stacked-cards.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 } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { A as ActionConfig } 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 CtaStackedCardsProps {

package/dist/cta-stacked-cards.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 } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { A as ActionConfig } 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 CtaStackedCardsProps {

package/dist/cta-stacked-cards.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-stacked-cards.tsx
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -814,12 +814,12 @@ function CtaStackedCards({
   descriptionClassName,
   actionsClassName,
   cardsClassName,
-  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: actionsClassName, children: actions.map((action, index) => /* @__PURE__ */ jsxs(
@@ -840,7 +840,7 @@ function CtaStackedCards({
       },
       index
     )) });
-  };
+  }, [actionsSlot, actions, actionsClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -872,7 +872,7 @@ function CtaStackedCards({
                       contentClassName
                     ),
                     children: [
-                      /* @__PURE__ */ jsx(
+                      heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                         "h3",
                         {
                           className: cn(
@@ -881,8 +881,8 @@ function CtaStackedCards({
                           ),
                           children: heading
                         }
-                      ),
-                      /* @__PURE__ */ jsx(
+                      ) : /* @__PURE__ */ jsx("div", { className: cn("mb-3 md:mb-4 lg:mb-6", headingClassName), children: heading })),
+                      description && (typeof description === "string" ? /* @__PURE__ */ jsx(
                         "p",
                         {
                           className: cn(
@@ -891,8 +891,8 @@ function CtaStackedCards({
                           ),
                           children: description
                         }
-                      ),
-                      renderActions()
+                      ) : /* @__PURE__ */ jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+                      actionsContent
                     ]
                   }
                 ),

package/dist/cta-video-background-hero.cjs

@@ -554,90 +554,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var videoPlaceholders = [
-  "https://toastability-production.s3.amazonaws.com/urjamg8k59poainq262wz5aigdea",
-  "https://toastability-production.s3.amazonaws.com/967hpd5j4k491suxfangl7e4y2m2",
-  "https://toastability-production.s3.amazonaws.com/886abpfd39erc4c2l11d1rz1iipg",
-  "https://toastability-production.s3.amazonaws.com/iic2r7870zdzetm120wk0ave06x1",
-  "https://toastability-production.s3.amazonaws.com/qii4j58hy81shrmzhsywtocy15vv",
-  "https://toastability-production.s3.amazonaws.com/11i6kj17zxmglmiy14y04cgpvk6z",
-  "https://toastability-production.s3.amazonaws.com/3kjzqffpqcpk2kh2t4wqfclsdh4y",
-  "https://toastability-production.s3.amazonaws.com/rg7vkxwvgfuo8k8yjqe75d9bxucc",
-  "https://toastability-production.s3.amazonaws.com/1bou1flbdox2ym6w85ou833pj20o",
-  "https://toastability-production.s3.amazonaws.com/or7g4x5fkizj42z5n39izuwue4h0",
-  "https://toastability-production.s3.amazonaws.com/unyzj7pv1ld3dz1y1u965xa5ica0",
-  "https://toastability-production.s3.amazonaws.com/4snoop9a33kqylqijz6ws8r71kum",
-  "https://toastability-production.s3.amazonaws.com/a15eg83yn7dcdrpxtk7r66b19sq6",
-  "https://toastability-production.s3.amazonaws.com/ee81h5zi5ul9wq6wnpn2ruo14o95",
-  "https://toastability-production.s3.amazonaws.com/s8x5lgzzohc35bbhvksw7d09wthw",
-  "https://toastability-production.s3.amazonaws.com/s7ugt4t7tcbw33w2e3ze6yyk19ax",
-  "https://toastability-production.s3.amazonaws.com/z4bypi4g203y6sbws0p4baqzjbna",
-  "https://toastability-production.s3.amazonaws.com/l7zwipfyms4a4g9p1eenakyz5u5m",
-  "https://toastability-production.s3.amazonaws.com/o3ejptisqthjuu8saplu3k8fpkwm",
-  "https://toastability-production.s3.amazonaws.com/t630uvmyscnwu1y5xk8ncjl0k013",
-  "https://toastability-production.s3.amazonaws.com/wqb40069w5p1fg475h33omfreeb3",
-  "https://toastability-production.s3.amazonaws.com/pidq0etqbvrx71lg1biv1zk014nq",
-  "https://toastability-production.s3.amazonaws.com/8frwo0jbs6xtriz9odotvj2oqiqw",
-  "https://toastability-production.s3.amazonaws.com/n4tfcuiuxska4i0qwecz7a0txp5l",
-  "https://toastability-production.s3.amazonaws.com/j4ek20c3jj24w90qkoriitd0gjrd",
-  "https://toastability-production.s3.amazonaws.com/aojv1u7zwo8xtvafh05mvclm7inu",
-  "https://toastability-production.s3.amazonaws.com/hgjdvzw6p1w55bznd9wbyzbte1ad",
-  "https://toastability-production.s3.amazonaws.com/xfridp2sc2ue6pne9pr7juc8cfs0",
-  "https://toastability-production.s3.amazonaws.com/qa11vl9yazjlrxyurugs5m1uob0t",
-  "https://toastability-production.s3.amazonaws.com/c044p4yvo0butlxlfr6l5texeyjp",
-  "https://toastability-production.s3.amazonaws.com/66ku1sro7yva6ptugbc2uw8xteyt",
-  "https://toastability-production.s3.amazonaws.com/u9unwqisurutme6ed14v6c8rwdyj",
-  "https://toastability-production.s3.amazonaws.com/7zymw27zz08xpup8wpvxebrcudk6",
-  "https://toastability-production.s3.amazonaws.com/g9hb0egbqdzg6env95qknu9wdkpy",
-  "https://toastability-production.s3.amazonaws.com/2ejrsd2x1o9aba6c3zyggpmr1yvi",
-  "https://toastability-production.s3.amazonaws.com/6wsm6nr9vz133hwqa449dskep0sa",
-  "https://toastability-production.s3.amazonaws.com/rxv63kh0kvbqdwao6qkuclymov67",
-  "https://toastability-production.s3.amazonaws.com/uc8wywdh858i1ynbtcxpb4hlactk",
-  "https://toastability-production.s3.amazonaws.com/uuelw57fokumfq0x8wo4vz3b77xi",
-  "https://toastability-production.s3.amazonaws.com/557a7ih976jm430fdstnw8o3goh0",
-  "https://toastability-production.s3.amazonaws.com/kwy3al9xi76s7joe4bbdcnxenlas",
-  "https://toastability-production.s3.amazonaws.com/vw5ko0uzj6tcbusxkzntyqkls7xa",
-  "https://toastability-production.s3.amazonaws.com/ywl3pyo1nnur62m3m5rxrcztf9xs",
-  "https://toastability-production.s3.amazonaws.com/au1my2rw504h8xmgnljnaw2fw8zh",
-  "https://toastability-production.s3.amazonaws.com/es21k0pbh5xdeypl7qaxxhgi6dmx",
-  "https://toastability-production.s3.amazonaws.com/iqflbnmke2y5r87nhb38dwddxob8",
-  "https://toastability-production.s3.amazonaws.com/kuqm2gg9kvtz7b04wqva6gmxvqj7",
-  "https://toastability-production.s3.amazonaws.com/igcf8gywfu0ulnd74gi6mpfjnd5p",
-  "https://toastability-production.s3.amazonaws.com/14f9harck597gc9qlpbs0dggpdn4",
-  "https://toastability-production.s3.amazonaws.com/37li5a79oamn06977ghog14brs13",
-  "https://toastability-production.s3.amazonaws.com/hhlf7h2q33xs6pj8n0aytrm0z3jx",
-  "https://toastability-production.s3.amazonaws.com/mt27frf4cjexhxzxkegb60gahqxp",
-  "https://toastability-production.s3.amazonaws.com/h8wuxcfu1yhr5s8vfph1syvmfeox",
-  "https://toastability-production.s3.amazonaws.com/bj0a77zekrl8q6rfhy2ou362kta6",
-  "https://toastability-production.s3.amazonaws.com/n6hjl9m0qzmm5tdyfaetdjg1uwly",
-  "https://toastability-production.s3.amazonaws.com/1l2qanw2aifxcgvq0161r8xbfgoy",
-  "https://toastability-production.s3.amazonaws.com/y48it0s5ddcrhvgmxzp9flxl4nxr",
-  "https://toastability-production.s3.amazonaws.com/ji6f8c8sal4f7ypcf5eqybjs29j7",
-  "https://toastability-production.s3.amazonaws.com/osijygtadnyitdmj8zvxf92ielj1",
-  "https://toastability-production.s3.amazonaws.com/2h6bp97kuvdwzkhio02e1f9gv3u9",
-  "https://toastability-production.s3.amazonaws.com/vsv0xnxtuvam6wqbl18nliux33nj",
-  "https://toastability-production.s3.amazonaws.com/rbc3pffkh18f2oysfm3l07awxm3s",
-  "https://toastability-production.s3.amazonaws.com/hgsrzkwr4ucvudq0wexohboz234m",
-  "https://toastability-production.s3.amazonaws.com/s2bw25vlbrp6lvc29er5h1s5xub3",
-  "https://toastability-production.s3.amazonaws.com/lhqgmfrlvk7o5kusnotxzd3hvowz",
-  "https://toastability-production.s3.amazonaws.com/rka4y4l9ihtuho5wjylbbaiyan5t",
-  "https://toastability-production.s3.amazonaws.com/qxcby2fbw6jtnm3fab131071dnje",
-  "https://toastability-production.s3.amazonaws.com/lijssav0g5e6wstdz7bcdin14fix",
-  "https://toastability-production.s3.amazonaws.com/syz5wu2s7psznfecptwge4aeugrv",
-  "https://toastability-production.s3.amazonaws.com/s45m6e1h7aeq23z9oiiquqjycl34",
-  "https://toastability-production.s3.amazonaws.com/rh3d3i0t40utzw7rj3hdy5ddyxiv",
-  "https://toastability-production.s3.amazonaws.com/4u3pi66nga47kc1th8tyqd3lpj28",
-  "https://toastability-production.s3.amazonaws.com/gafgk4cwd845yo094665jsuq9e21",
-  "https://toastability-production.s3.amazonaws.com/krnuu3wc960ltazr5cu120xpzmj5",
-  "https://toastability-production.s3.amazonaws.com/a56r6wtlw1lw7krf0nfbe7dyhfdh",
-  "https://toastability-production.s3.amazonaws.com/0uv0c0b0wkud7ul98fnhzpowmwlj",
-  "https://toastability-production.s3.amazonaws.com/a62af29fwmtnpu7tmiwoofx2wlqw",
-  "https://toastability-production.s3.amazonaws.com/hdlqazy1cp3u3s6df2zoozu9xpox",
-  "https://toastability-production.s3.amazonaws.com/6wgxszvzxjuc3n129224urjawa1y",
-  "https://toastability-production.s3.amazonaws.com/xa1t8a9usk1uyb4oibb2374yp8lx"
-];
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -1016,8 +932,8 @@ function CtaVideoBackgroundHero({
   description,
   actions,
   actionsSlot,
-  modalVideoUrl = videoPlaceholders[0],
-  backgroundVideoUrl = videoPlaceholders[1],
+  modalVideoUrl,
+  backgroundVideoUrl,
   modalSlot,
   onModalOpen,
   onModalClose,
@@ -1029,8 +945,8 @@ function CtaVideoBackgroundHero({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -1043,7 +959,7 @@ function CtaVideoBackgroundHero({
     setIsModalOpen(false);
     onModalClose?.();
   };
-  const renderActions = () => {
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1091,8 +1007,8 @@ function CtaVideoBackgroundHero({
         })
       }
     );
-  };
-  const renderModal = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const modalContent = React.useMemo(() => {
     if (modalSlot) return modalSlot;
     if (!isModalOpen) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1114,13 +1030,13 @@ function CtaVideoBackgroundHero({
                   children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", size: 20 })
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("video", { controls: true, autoPlay: true, className: "w-full rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: modalVideoUrl, type: "video/mp4" }) })
+              modalVideoUrl && /* @__PURE__ */ jsxRuntime.jsx("video", { controls: true, autoPlay: true, className: "w-full rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: modalVideoUrl, type: "video/mp4" }) })
             ]
           }
         )
       }
     );
-  };
+  }, [modalSlot, isModalOpen, modalVideoUrl]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1138,7 +1054,7 @@ function CtaVideoBackgroundHero({
               videoWrapperClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+              backgroundVideoUrl && /* @__PURE__ */ jsxRuntime.jsx(
                 "video",
                 {
                   autoPlay: true,
@@ -1166,7 +1082,7 @@ function CtaVideoBackgroundHero({
                     contentClassName
                   ),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
+                    heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                       "h2",
                       {
                         className: cn(
@@ -1175,8 +1091,8 @@ function CtaVideoBackgroundHero({
                         ),
                         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(
@@ -1185,15 +1101,15 @@ function CtaVideoBackgroundHero({
                         ),
                         children: description
                       }
-                    ),
-                    renderActions()
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+                    actionsContent
                   ]
                 }
               ) })
             ]
           }
         ) }),
-        renderModal()
+        modalContent
       ]
     }
   );

package/dist/cta-video-background-hero.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 } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
+import { A as ActionConfig } 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 CtaVideoBackgroundHeroProps {

package/dist/cta-video-background-hero.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 } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
+import { A as ActionConfig } 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 CtaVideoBackgroundHeroProps {

package/dist/cta-video-background-hero.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -533,90 +533,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var videoPlaceholders = [
-  "https://toastability-production.s3.amazonaws.com/urjamg8k59poainq262wz5aigdea",
-  "https://toastability-production.s3.amazonaws.com/967hpd5j4k491suxfangl7e4y2m2",
-  "https://toastability-production.s3.amazonaws.com/886abpfd39erc4c2l11d1rz1iipg",
-  "https://toastability-production.s3.amazonaws.com/iic2r7870zdzetm120wk0ave06x1",
-  "https://toastability-production.s3.amazonaws.com/qii4j58hy81shrmzhsywtocy15vv",
-  "https://toastability-production.s3.amazonaws.com/11i6kj17zxmglmiy14y04cgpvk6z",
-  "https://toastability-production.s3.amazonaws.com/3kjzqffpqcpk2kh2t4wqfclsdh4y",
-  "https://toastability-production.s3.amazonaws.com/rg7vkxwvgfuo8k8yjqe75d9bxucc",
-  "https://toastability-production.s3.amazonaws.com/1bou1flbdox2ym6w85ou833pj20o",
-  "https://toastability-production.s3.amazonaws.com/or7g4x5fkizj42z5n39izuwue4h0",
-  "https://toastability-production.s3.amazonaws.com/unyzj7pv1ld3dz1y1u965xa5ica0",
-  "https://toastability-production.s3.amazonaws.com/4snoop9a33kqylqijz6ws8r71kum",
-  "https://toastability-production.s3.amazonaws.com/a15eg83yn7dcdrpxtk7r66b19sq6",
-  "https://toastability-production.s3.amazonaws.com/ee81h5zi5ul9wq6wnpn2ruo14o95",
-  "https://toastability-production.s3.amazonaws.com/s8x5lgzzohc35bbhvksw7d09wthw",
-  "https://toastability-production.s3.amazonaws.com/s7ugt4t7tcbw33w2e3ze6yyk19ax",
-  "https://toastability-production.s3.amazonaws.com/z4bypi4g203y6sbws0p4baqzjbna",
-  "https://toastability-production.s3.amazonaws.com/l7zwipfyms4a4g9p1eenakyz5u5m",
-  "https://toastability-production.s3.amazonaws.com/o3ejptisqthjuu8saplu3k8fpkwm",
-  "https://toastability-production.s3.amazonaws.com/t630uvmyscnwu1y5xk8ncjl0k013",
-  "https://toastability-production.s3.amazonaws.com/wqb40069w5p1fg475h33omfreeb3",
-  "https://toastability-production.s3.amazonaws.com/pidq0etqbvrx71lg1biv1zk014nq",
-  "https://toastability-production.s3.amazonaws.com/8frwo0jbs6xtriz9odotvj2oqiqw",
-  "https://toastability-production.s3.amazonaws.com/n4tfcuiuxska4i0qwecz7a0txp5l",
-  "https://toastability-production.s3.amazonaws.com/j4ek20c3jj24w90qkoriitd0gjrd",
-  "https://toastability-production.s3.amazonaws.com/aojv1u7zwo8xtvafh05mvclm7inu",
-  "https://toastability-production.s3.amazonaws.com/hgjdvzw6p1w55bznd9wbyzbte1ad",
-  "https://toastability-production.s3.amazonaws.com/xfridp2sc2ue6pne9pr7juc8cfs0",
-  "https://toastability-production.s3.amazonaws.com/qa11vl9yazjlrxyurugs5m1uob0t",
-  "https://toastability-production.s3.amazonaws.com/c044p4yvo0butlxlfr6l5texeyjp",
-  "https://toastability-production.s3.amazonaws.com/66ku1sro7yva6ptugbc2uw8xteyt",
-  "https://toastability-production.s3.amazonaws.com/u9unwqisurutme6ed14v6c8rwdyj",
-  "https://toastability-production.s3.amazonaws.com/7zymw27zz08xpup8wpvxebrcudk6",
-  "https://toastability-production.s3.amazonaws.com/g9hb0egbqdzg6env95qknu9wdkpy",
-  "https://toastability-production.s3.amazonaws.com/2ejrsd2x1o9aba6c3zyggpmr1yvi",
-  "https://toastability-production.s3.amazonaws.com/6wsm6nr9vz133hwqa449dskep0sa",
-  "https://toastability-production.s3.amazonaws.com/rxv63kh0kvbqdwao6qkuclymov67",
-  "https://toastability-production.s3.amazonaws.com/uc8wywdh858i1ynbtcxpb4hlactk",
-  "https://toastability-production.s3.amazonaws.com/uuelw57fokumfq0x8wo4vz3b77xi",
-  "https://toastability-production.s3.amazonaws.com/557a7ih976jm430fdstnw8o3goh0",
-  "https://toastability-production.s3.amazonaws.com/kwy3al9xi76s7joe4bbdcnxenlas",
-  "https://toastability-production.s3.amazonaws.com/vw5ko0uzj6tcbusxkzntyqkls7xa",
-  "https://toastability-production.s3.amazonaws.com/ywl3pyo1nnur62m3m5rxrcztf9xs",
-  "https://toastability-production.s3.amazonaws.com/au1my2rw504h8xmgnljnaw2fw8zh",
-  "https://toastability-production.s3.amazonaws.com/es21k0pbh5xdeypl7qaxxhgi6dmx",
-  "https://toastability-production.s3.amazonaws.com/iqflbnmke2y5r87nhb38dwddxob8",
-  "https://toastability-production.s3.amazonaws.com/kuqm2gg9kvtz7b04wqva6gmxvqj7",
-  "https://toastability-production.s3.amazonaws.com/igcf8gywfu0ulnd74gi6mpfjnd5p",
-  "https://toastability-production.s3.amazonaws.com/14f9harck597gc9qlpbs0dggpdn4",
-  "https://toastability-production.s3.amazonaws.com/37li5a79oamn06977ghog14brs13",
-  "https://toastability-production.s3.amazonaws.com/hhlf7h2q33xs6pj8n0aytrm0z3jx",
-  "https://toastability-production.s3.amazonaws.com/mt27frf4cjexhxzxkegb60gahqxp",
-  "https://toastability-production.s3.amazonaws.com/h8wuxcfu1yhr5s8vfph1syvmfeox",
-  "https://toastability-production.s3.amazonaws.com/bj0a77zekrl8q6rfhy2ou362kta6",
-  "https://toastability-production.s3.amazonaws.com/n6hjl9m0qzmm5tdyfaetdjg1uwly",
-  "https://toastability-production.s3.amazonaws.com/1l2qanw2aifxcgvq0161r8xbfgoy",
-  "https://toastability-production.s3.amazonaws.com/y48it0s5ddcrhvgmxzp9flxl4nxr",
-  "https://toastability-production.s3.amazonaws.com/ji6f8c8sal4f7ypcf5eqybjs29j7",
-  "https://toastability-production.s3.amazonaws.com/osijygtadnyitdmj8zvxf92ielj1",
-  "https://toastability-production.s3.amazonaws.com/2h6bp97kuvdwzkhio02e1f9gv3u9",
-  "https://toastability-production.s3.amazonaws.com/vsv0xnxtuvam6wqbl18nliux33nj",
-  "https://toastability-production.s3.amazonaws.com/rbc3pffkh18f2oysfm3l07awxm3s",
-  "https://toastability-production.s3.amazonaws.com/hgsrzkwr4ucvudq0wexohboz234m",
-  "https://toastability-production.s3.amazonaws.com/s2bw25vlbrp6lvc29er5h1s5xub3",
-  "https://toastability-production.s3.amazonaws.com/lhqgmfrlvk7o5kusnotxzd3hvowz",
-  "https://toastability-production.s3.amazonaws.com/rka4y4l9ihtuho5wjylbbaiyan5t",
-  "https://toastability-production.s3.amazonaws.com/qxcby2fbw6jtnm3fab131071dnje",
-  "https://toastability-production.s3.amazonaws.com/lijssav0g5e6wstdz7bcdin14fix",
-  "https://toastability-production.s3.amazonaws.com/syz5wu2s7psznfecptwge4aeugrv",
-  "https://toastability-production.s3.amazonaws.com/s45m6e1h7aeq23z9oiiquqjycl34",
-  "https://toastability-production.s3.amazonaws.com/rh3d3i0t40utzw7rj3hdy5ddyxiv",
-  "https://toastability-production.s3.amazonaws.com/4u3pi66nga47kc1th8tyqd3lpj28",
-  "https://toastability-production.s3.amazonaws.com/gafgk4cwd845yo094665jsuq9e21",
-  "https://toastability-production.s3.amazonaws.com/krnuu3wc960ltazr5cu120xpzmj5",
-  "https://toastability-production.s3.amazonaws.com/a56r6wtlw1lw7krf0nfbe7dyhfdh",
-  "https://toastability-production.s3.amazonaws.com/0uv0c0b0wkud7ul98fnhzpowmwlj",
-  "https://toastability-production.s3.amazonaws.com/a62af29fwmtnpu7tmiwoofx2wlqw",
-  "https://toastability-production.s3.amazonaws.com/hdlqazy1cp3u3s6df2zoozu9xpox",
-  "https://toastability-production.s3.amazonaws.com/6wgxszvzxjuc3n129224urjawa1y",
-  "https://toastability-production.s3.amazonaws.com/xa1t8a9usk1uyb4oibb2374yp8lx"
-];
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -995,8 +911,8 @@ function CtaVideoBackgroundHero({
   description,
   actions,
   actionsSlot,
-  modalVideoUrl = videoPlaceholders[0],
-  backgroundVideoUrl = videoPlaceholders[1],
+  modalVideoUrl,
+  backgroundVideoUrl,
   modalSlot,
   onModalOpen,
   onModalClose,
@@ -1008,8 +924,8 @@ function CtaVideoBackgroundHero({
   headingClassName,
   descriptionClassName,
   actionsClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -1022,7 +938,7 @@ function CtaVideoBackgroundHero({
     setIsModalOpen(false);
     onModalClose?.();
   };
-  const renderActions = () => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1070,8 +986,8 @@ function CtaVideoBackgroundHero({
         })
       }
     );
-  };
-  const renderModal = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const modalContent = useMemo(() => {
     if (modalSlot) return modalSlot;
     if (!isModalOpen) return null;
     return /* @__PURE__ */ jsx(
@@ -1093,13 +1009,13 @@ function CtaVideoBackgroundHero({
                   children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", size: 20 })
                 }
               ),
-              /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: modalVideoUrl, type: "video/mp4" }) })
+              modalVideoUrl && /* @__PURE__ */ jsx("video", { controls: true, autoPlay: true, className: "w-full rounded-lg", children: /* @__PURE__ */ jsx("source", { src: modalVideoUrl, type: "video/mp4" }) })
             ]
           }
         )
       }
     );
-  };
+  }, [modalSlot, isModalOpen, modalVideoUrl]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1117,7 +1033,7 @@ function CtaVideoBackgroundHero({
               videoWrapperClassName
             ),
             children: [
-              /* @__PURE__ */ jsx(
+              backgroundVideoUrl && /* @__PURE__ */ jsx(
                 "video",
                 {
                   autoPlay: true,
@@ -1145,7 +1061,7 @@ function CtaVideoBackgroundHero({
                     contentClassName
                   ),
                   children: [
-                    /* @__PURE__ */ jsx(
+                    heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
                       "h2",
                       {
                         className: cn(
@@ -1154,8 +1070,8 @@ function CtaVideoBackgroundHero({
                         ),
                         children: heading
                       }
-                    ),
-                    /* @__PURE__ */ jsx(
+                    ) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", headingClassName), children: heading })),
+                    description && (typeof description === "string" ? /* @__PURE__ */ jsx(
                       "p",
                       {
                         className: cn(
@@ -1164,15 +1080,15 @@ function CtaVideoBackgroundHero({
                         ),
                         children: description
                       }
-                    ),
-                    renderActions()
+                    ) : /* @__PURE__ */ jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+                    actionsContent
                   ]
                 }
               ) })
             ]
           }
         ) }),
-        renderModal()
+        modalContent
       ]
     }
   );