@opensite/ui 0.5.3 → 0.5.5

package/dist/cta-workflow-tabs.cjs

@@ -555,125 +555,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var imagePlaceholders = [
-  "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-  "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-  "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-  "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-  "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-  "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q",
-  "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz",
-  "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs",
-  "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0",
-  "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x",
-  "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc",
-  "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v",
-  "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac",
-  "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm",
-  "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v",
-  "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc",
-  "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt",
-  "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov",
-  "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6",
-  "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82",
-  "https://toastability-production.s3.amazonaws.com/a3m42usevv0iet0fpfwa1fsytxmv",
-  "https://toastability-production.s3.amazonaws.com/qghzqu1i99vaubyew9s5dxcbel9l",
-  "https://toastability-production.s3.amazonaws.com/9covpitzpuuobkg1m4mfokpi0enw",
-  "https://toastability-production.s3.amazonaws.com/2d4k8d5shwg82276hzj2ztbj7mxq",
-  "https://toastability-production.s3.amazonaws.com/op92dycs7w856e2jsvx20st0nyz9",
-  "https://toastability-production.s3.amazonaws.com/f921uoblxbv8f9bmr4s2ik7xxugl",
-  "https://toastability-production.s3.amazonaws.com/gl7n7p6atndufbsm6q2ac5jeqttp",
-  "https://toastability-production.s3.amazonaws.com/sj8cs2gpbanaowqwxar1uhhwd23z",
-  "https://toastability-production.s3.amazonaws.com/hu4gmd93sp95wdyr9qijze0rgim9",
-  "https://toastability-production.s3.amazonaws.com/uh2vd59np82h8sevbmfnsha89sf1",
-  "https://toastability-production.s3.amazonaws.com/gxs6zevccphti0hdq5l9fwytprpr",
-  "https://toastability-production.s3.amazonaws.com/s4vho0wfbjhf758oife8qfuekou8",
-  "https://toastability-production.s3.amazonaws.com/1b0gd8ul22q799d62dvm3sgyll85",
-  "https://toastability-production.s3.amazonaws.com/102grjqg8aigxkj585s9x3xbxfv7",
-  "https://toastability-production.s3.amazonaws.com/dvz0441h9fxjhh88lzqbwdoyxv52",
-  "https://toastability-production.s3.amazonaws.com/50y066ms7rb5sw62u9u08jzkk8rj",
-  "https://toastability-production.s3.amazonaws.com/9uxe0jw1zl1tujy0m5yalo7m2ht8",
-  "https://toastability-production.s3.amazonaws.com/cyhcpla6me8vs936i3fw6wbhypi2",
-  "https://toastability-production.s3.amazonaws.com/6ntdz6xwid3fswjz8y0otdxmzs40",
-  "https://toastability-production.s3.amazonaws.com/y1aezpa78m2fhfvj8whcx337y9cb",
-  "https://toastability-production.s3.amazonaws.com/eoa76d31ynbg34urr6e4619la1f7",
-  "https://toastability-production.s3.amazonaws.com/0mh8a1dg7ftcqnyzgv303u501c8y",
-  "https://toastability-production.s3.amazonaws.com/vvucxqs128w2d0z3n4s2z131rq7p",
-  "https://toastability-production.s3.amazonaws.com/2rbqbw9778770i8izdeabx8v2w2k",
-  "https://toastability-production.s3.amazonaws.com/90rcw2mljzpeuxlac8q77mor15xz",
-  "https://toastability-production.s3.amazonaws.com/vh1aowwr93yz4qrzct2s4je0cxdo",
-  "https://toastability-production.s3.amazonaws.com/ssgb7unxdwdqokfvhkp7cok2v79s",
-  "https://toastability-production.s3.amazonaws.com/vvkma6b8whdkiq5nq8z4eyfe00vo",
-  "https://toastability-production.s3.amazonaws.com/9797jh6slgbf9oq6lzlimcdiuziv",
-  "https://toastability-production.s3.amazonaws.com/betxbx61fkijt0aygineplf489ze",
-  "https://toastability-production.s3.amazonaws.com/0o6d7z4mm9nzeufhv9kefrhihbip",
-  "https://toastability-production.s3.amazonaws.com/1xdx70c7gp9l883soyh5d3exesvt",
-  "https://toastability-production.s3.amazonaws.com/jhjfvkmdzktacyijd9fh6acc7o2c",
-  "https://toastability-production.s3.amazonaws.com/n001o4pfpszmyw03ubctig7kvf0e",
-  "https://toastability-production.s3.amazonaws.com/l080sx0lcx51x44dqrb8006nqf08",
-  "https://toastability-production.s3.amazonaws.com/2t36c7l0ywchaz4nys8yj2l5amae",
-  "https://toastability-production.s3.amazonaws.com/gg5qnvb4nsl2k3g4dw4ls8bsllwh",
-  "https://toastability-production.s3.amazonaws.com/3nqc7xvjy3e8d7jo1gdvbzty0oqg",
-  "https://toastability-production.s3.amazonaws.com/0kx9umbfmv881wt9dfqnohv8efgi",
-  "https://toastability-production.s3.amazonaws.com/9z0sbfnskx70vse99e3dfhper7i1",
-  "https://toastability-production.s3.amazonaws.com/9keidwrag6g7jtqr7rdwb1ryt6ht",
-  "https://toastability-production.s3.amazonaws.com/zm88vf14geh1gh0frd3yrdlb6pl8",
-  "https://toastability-production.s3.amazonaws.com/0x7ktdk01jfaoysst0emzvqevu19",
-  "https://toastability-production.s3.amazonaws.com/e83zsyvl0an0owzdmpwjnnty641x",
-  "https://toastability-production.s3.amazonaws.com/t3k42fbzq7r7j93feldqm5cj1o1n",
-  "https://toastability-production.s3.amazonaws.com/5sm6wc4no8fyzxfki5njmnv6gql5",
-  "https://toastability-production.s3.amazonaws.com/w41h7890eivogu3sr78vlwkpzz8g",
-  "https://toastability-production.s3.amazonaws.com/vrezhtksoqbw1nyo4hwnoqizrus5",
-  "https://toastability-production.s3.amazonaws.com/8qkikcd43paeqgvw9gc1032j3yup",
-  "https://toastability-production.s3.amazonaws.com/ihhq8unynafk4aikmys3rhbfibaz",
-  "https://toastability-production.s3.amazonaws.com/rews5enr9ynu6izioj66s8ec90nc",
-  "https://toastability-production.s3.amazonaws.com/6ku135fhv528eei3agnoc3zd7y75",
-  "https://toastability-production.s3.amazonaws.com/x4scuzhsozrwrg703df5wbhygkgo",
-  "https://toastability-production.s3.amazonaws.com/73e0s79u4crdu7cmjfp99j1l2v55",
-  "https://toastability-production.s3.amazonaws.com/rddfyzvfpdlbzwhgep2myppwxn05",
-  "https://toastability-production.s3.amazonaws.com/mat88x8zzdek7wpgtocjrehfivsh",
-  "https://toastability-production.s3.amazonaws.com/3vwfdbekbkskxj2mvlvu85fz787u",
-  "https://toastability-production.s3.amazonaws.com/ms4s4zyqpmboh0slez1cwat9qhw4",
-  "https://toastability-production.s3.amazonaws.com/5jsc0b4e3gxnjs81iotw2c3e6da3",
-  "https://toastability-production.s3.amazonaws.com/0g6t701zqr2r7najmdgftpeqnxmz",
-  "https://toastability-production.s3.amazonaws.com/u3p1hlbm2c1vvkwlm8h668pe132z",
-  "https://toastability-production.s3.amazonaws.com/ehgbcugs782765ke1l2dtbtzd918",
-  "https://toastability-production.s3.amazonaws.com/kka8f550on7acx1lf82xleu6zhzo",
-  "https://toastability-production.s3.amazonaws.com/67fnapqepn7f8vwt0x4nqho70hbz",
-  "https://toastability-production.s3.amazonaws.com/t4cidbsfz3z468bn45yqdrkbx7ou",
-  "https://toastability-production.s3.amazonaws.com/gq3c9qalkiomu0rzdzxymkdaazdu",
-  "https://toastability-production.s3.amazonaws.com/9ujya2tfhxja7y5s9wb7d2u8crhd",
-  "https://toastability-production.s3.amazonaws.com/hotlo54tsvl2k3eht9gg0460l9zw",
-  "https://toastability-production.s3.amazonaws.com/ytbyjrcvrghc7wl6w1g7g8fwka22",
-  "https://toastability-production.s3.amazonaws.com/uv0g605yf5mz106nrm1uspt9l0rr",
-  "https://toastability-production.s3.amazonaws.com/yrp5k5xszwpe26fquupey6a6g0uu",
-  "https://toastability-production.s3.amazonaws.com/97gctpna2hdozl1f8u5xq4ew8h0o",
-  "https://toastability-production.s3.amazonaws.com/xjtepune0scj9yjkkqgaiwlq9hls",
-  "https://toastability-production.s3.amazonaws.com/g607vblaarqctl1cvgxffhx4pw6g",
-  "https://toastability-production.s3.amazonaws.com/4xpu1ljr9c8g6qzmfum5ygjzbzpb",
-  "https://toastability-production.s3.amazonaws.com/yw5f7iwyypf4kctpr5ye5e495swt",
-  "https://toastability-production.s3.amazonaws.com/z37cidvud212bzqhhalrhvk7ipaa",
-  "https://toastability-production.s3.amazonaws.com/pfllskt7q7144l288lrnpc6gx606",
-  "https://toastability-production.s3.amazonaws.com/fokd3hxzvdtsomagbfhqooyvndyv",
-  "https://toastability-production.s3.amazonaws.com/6fffnb4phovtqkjhtzifs4rhb84u",
-  "https://toastability-production.s3.amazonaws.com/mt87xjr79wxdhjy7496v3r6m2m9t",
-  "https://toastability-production.s3.amazonaws.com/3dy9ge962uarlaf2xl7imdcviqgx",
-  "https://toastability-production.s3.amazonaws.com/okf6fg4n9yv59up8ivgcdjy3w030",
-  "https://toastability-production.s3.amazonaws.com/t7iteqw4xhtppkiws88bsoia25hv",
-  "https://toastability-production.s3.amazonaws.com/klr5tuvulkyqfb721txtu4hgzxdm",
-  "https://toastability-production.s3.amazonaws.com/9eddibiq5ovc9cvs3ekijkrjpahg",
-  "https://toastability-production.s3.amazonaws.com/3ghn8dz3g9qtt4pf4nwbriaydvzb",
-  "https://toastability-production.s3.amazonaws.com/82ykd8s8boiqaxypkulb0v0s2qiw",
-  "https://toastability-production.s3.amazonaws.com/4eqmdeanxfk6jzvigo42y5ryv2c8",
-  "https://toastability-production.s3.amazonaws.com/9ughnl9wnko2vdboib8n3wl3cxsy",
-  "https://toastability-production.s3.amazonaws.com/4xjcgtlwseruezhoh3o1ga4umhj4",
-  "https://toastability-production.s3.amazonaws.com/xwh1zzxgyd887thfm1j9lu9qnd6c",
-  "https://toastability-production.s3.amazonaws.com/ri0dqx79spe6771np76mkmno5xfd",
-  "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
-  "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
-];
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -1065,15 +946,15 @@ function CtaWorkflowTabs({
   tabButtonClassName,
   tabContentClassName,
   tabImageClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const [activeTab, setActiveTab] = React__namespace.useState(tabs?.[0]?.id || "");
   const activeTabData = tabs?.find((tab) => tab.id === activeTab) || tabs?.[0];
-  const renderActions = () => {
+  const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1113,8 +994,8 @@ function CtaWorkflowTabs({
         })
       }
     );
-  };
-  const renderTabs = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const tabsContent = React.useMemo(() => {
     if (tabsSlot) return tabsSlot;
     if (!tabs || tabs.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12", tabsWrapperClassName), children: [
@@ -1153,15 +1034,15 @@ function CtaWorkflowTabs({
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold md:text-3xl", children: activeTabData.heading }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-lg text-muted-foreground", children: activeTabData.description }),
+              activeTabData.heading && (typeof activeTabData.heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-2xl font-bold md:text-3xl", children: activeTabData.heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: activeTabData.heading })),
+              activeTabData.description && (typeof activeTabData.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-lg text-muted-foreground", children: activeTabData.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6", children: activeTabData.description })),
               activeTabData.stats && activeTabData.stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-8", children: activeTabData.stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1", children: stat.icon }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold text-primary", children: stat.value }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
+                stat.value && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold text-primary", children: stat.value }),
+                stat.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
               ] }, index)) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            activeTabData.image && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: cn(
@@ -1171,7 +1052,7 @@ function CtaWorkflowTabs({
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   img.Img,
                   {
-                    src: activeTabData.image || imagePlaceholders[0],
+                    src: activeTabData.image,
                     alt: typeof activeTabData.heading === "string" ? activeTabData.heading : "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig
@@ -1183,7 +1064,7 @@ function CtaWorkflowTabs({
         }
       )
     ] });
-  };
+  }, [tabsSlot, tabs, activeTab, activeTabData, tabsWrapperClassName, tabButtonsClassName, tabButtonClassName, tabContentClassName, tabImageClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1194,7 +1075,7 @@ function CtaWorkflowTabs({
       patternOpacity,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h2",
             {
               className: cn(
@@ -1203,8 +1084,8 @@ function CtaWorkflowTabs({
               ),
               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(
@@ -1213,10 +1094,10 @@ function CtaWorkflowTabs({
               ),
               children: description
             }
-          ),
-          renderActions()
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+          actionsContent
         ] }),
-        renderTabs()
+        tabsContent
       ] })
     }
   );

package/dist/cta-workflow-tabs.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';
@@ -534,125 +534,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var imagePlaceholders = [
-  "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-  "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-  "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-  "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-  "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-  "https://toastability-production.s3.amazonaws.com/we9r4e711an6d0bd3dwbl9tb9z7q",
-  "https://toastability-production.s3.amazonaws.com/f8rfrurzo743ym1s7m5xtbombunz",
-  "https://toastability-production.s3.amazonaws.com/oe0y4bgiylx81fbfvsw31mhdgjzs",
-  "https://toastability-production.s3.amazonaws.com/sr370c2cnf7uk5k4f6znyshualv0",
-  "https://toastability-production.s3.amazonaws.com/cen5x90p3kbdafb80liq1a5j222x",
-  "https://toastability-production.s3.amazonaws.com/ygob90kp07hxmi5jj4sned76dnmc",
-  "https://toastability-production.s3.amazonaws.com/qhz2kawawq3bbh7nusz3bvahln3v",
-  "https://toastability-production.s3.amazonaws.com/zykfhuapdqzu94ee1535gsgnvyac",
-  "https://toastability-production.s3.amazonaws.com/kh1p8y15v55ctp5ulobm4pd77etm",
-  "https://toastability-production.s3.amazonaws.com/8x62o6350p1ejm3pjrp1jwvcbh4v",
-  "https://toastability-production.s3.amazonaws.com/vvixyoo7ybq3h04q2q0kact0s5wc",
-  "https://toastability-production.s3.amazonaws.com/t502cfynqso7ntkdvmcmfc87yjkt",
-  "https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov",
-  "https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6",
-  "https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82",
-  "https://toastability-production.s3.amazonaws.com/a3m42usevv0iet0fpfwa1fsytxmv",
-  "https://toastability-production.s3.amazonaws.com/qghzqu1i99vaubyew9s5dxcbel9l",
-  "https://toastability-production.s3.amazonaws.com/9covpitzpuuobkg1m4mfokpi0enw",
-  "https://toastability-production.s3.amazonaws.com/2d4k8d5shwg82276hzj2ztbj7mxq",
-  "https://toastability-production.s3.amazonaws.com/op92dycs7w856e2jsvx20st0nyz9",
-  "https://toastability-production.s3.amazonaws.com/f921uoblxbv8f9bmr4s2ik7xxugl",
-  "https://toastability-production.s3.amazonaws.com/gl7n7p6atndufbsm6q2ac5jeqttp",
-  "https://toastability-production.s3.amazonaws.com/sj8cs2gpbanaowqwxar1uhhwd23z",
-  "https://toastability-production.s3.amazonaws.com/hu4gmd93sp95wdyr9qijze0rgim9",
-  "https://toastability-production.s3.amazonaws.com/uh2vd59np82h8sevbmfnsha89sf1",
-  "https://toastability-production.s3.amazonaws.com/gxs6zevccphti0hdq5l9fwytprpr",
-  "https://toastability-production.s3.amazonaws.com/s4vho0wfbjhf758oife8qfuekou8",
-  "https://toastability-production.s3.amazonaws.com/1b0gd8ul22q799d62dvm3sgyll85",
-  "https://toastability-production.s3.amazonaws.com/102grjqg8aigxkj585s9x3xbxfv7",
-  "https://toastability-production.s3.amazonaws.com/dvz0441h9fxjhh88lzqbwdoyxv52",
-  "https://toastability-production.s3.amazonaws.com/50y066ms7rb5sw62u9u08jzkk8rj",
-  "https://toastability-production.s3.amazonaws.com/9uxe0jw1zl1tujy0m5yalo7m2ht8",
-  "https://toastability-production.s3.amazonaws.com/cyhcpla6me8vs936i3fw6wbhypi2",
-  "https://toastability-production.s3.amazonaws.com/6ntdz6xwid3fswjz8y0otdxmzs40",
-  "https://toastability-production.s3.amazonaws.com/y1aezpa78m2fhfvj8whcx337y9cb",
-  "https://toastability-production.s3.amazonaws.com/eoa76d31ynbg34urr6e4619la1f7",
-  "https://toastability-production.s3.amazonaws.com/0mh8a1dg7ftcqnyzgv303u501c8y",
-  "https://toastability-production.s3.amazonaws.com/vvucxqs128w2d0z3n4s2z131rq7p",
-  "https://toastability-production.s3.amazonaws.com/2rbqbw9778770i8izdeabx8v2w2k",
-  "https://toastability-production.s3.amazonaws.com/90rcw2mljzpeuxlac8q77mor15xz",
-  "https://toastability-production.s3.amazonaws.com/vh1aowwr93yz4qrzct2s4je0cxdo",
-  "https://toastability-production.s3.amazonaws.com/ssgb7unxdwdqokfvhkp7cok2v79s",
-  "https://toastability-production.s3.amazonaws.com/vvkma6b8whdkiq5nq8z4eyfe00vo",
-  "https://toastability-production.s3.amazonaws.com/9797jh6slgbf9oq6lzlimcdiuziv",
-  "https://toastability-production.s3.amazonaws.com/betxbx61fkijt0aygineplf489ze",
-  "https://toastability-production.s3.amazonaws.com/0o6d7z4mm9nzeufhv9kefrhihbip",
-  "https://toastability-production.s3.amazonaws.com/1xdx70c7gp9l883soyh5d3exesvt",
-  "https://toastability-production.s3.amazonaws.com/jhjfvkmdzktacyijd9fh6acc7o2c",
-  "https://toastability-production.s3.amazonaws.com/n001o4pfpszmyw03ubctig7kvf0e",
-  "https://toastability-production.s3.amazonaws.com/l080sx0lcx51x44dqrb8006nqf08",
-  "https://toastability-production.s3.amazonaws.com/2t36c7l0ywchaz4nys8yj2l5amae",
-  "https://toastability-production.s3.amazonaws.com/gg5qnvb4nsl2k3g4dw4ls8bsllwh",
-  "https://toastability-production.s3.amazonaws.com/3nqc7xvjy3e8d7jo1gdvbzty0oqg",
-  "https://toastability-production.s3.amazonaws.com/0kx9umbfmv881wt9dfqnohv8efgi",
-  "https://toastability-production.s3.amazonaws.com/9z0sbfnskx70vse99e3dfhper7i1",
-  "https://toastability-production.s3.amazonaws.com/9keidwrag6g7jtqr7rdwb1ryt6ht",
-  "https://toastability-production.s3.amazonaws.com/zm88vf14geh1gh0frd3yrdlb6pl8",
-  "https://toastability-production.s3.amazonaws.com/0x7ktdk01jfaoysst0emzvqevu19",
-  "https://toastability-production.s3.amazonaws.com/e83zsyvl0an0owzdmpwjnnty641x",
-  "https://toastability-production.s3.amazonaws.com/t3k42fbzq7r7j93feldqm5cj1o1n",
-  "https://toastability-production.s3.amazonaws.com/5sm6wc4no8fyzxfki5njmnv6gql5",
-  "https://toastability-production.s3.amazonaws.com/w41h7890eivogu3sr78vlwkpzz8g",
-  "https://toastability-production.s3.amazonaws.com/vrezhtksoqbw1nyo4hwnoqizrus5",
-  "https://toastability-production.s3.amazonaws.com/8qkikcd43paeqgvw9gc1032j3yup",
-  "https://toastability-production.s3.amazonaws.com/ihhq8unynafk4aikmys3rhbfibaz",
-  "https://toastability-production.s3.amazonaws.com/rews5enr9ynu6izioj66s8ec90nc",
-  "https://toastability-production.s3.amazonaws.com/6ku135fhv528eei3agnoc3zd7y75",
-  "https://toastability-production.s3.amazonaws.com/x4scuzhsozrwrg703df5wbhygkgo",
-  "https://toastability-production.s3.amazonaws.com/73e0s79u4crdu7cmjfp99j1l2v55",
-  "https://toastability-production.s3.amazonaws.com/rddfyzvfpdlbzwhgep2myppwxn05",
-  "https://toastability-production.s3.amazonaws.com/mat88x8zzdek7wpgtocjrehfivsh",
-  "https://toastability-production.s3.amazonaws.com/3vwfdbekbkskxj2mvlvu85fz787u",
-  "https://toastability-production.s3.amazonaws.com/ms4s4zyqpmboh0slez1cwat9qhw4",
-  "https://toastability-production.s3.amazonaws.com/5jsc0b4e3gxnjs81iotw2c3e6da3",
-  "https://toastability-production.s3.amazonaws.com/0g6t701zqr2r7najmdgftpeqnxmz",
-  "https://toastability-production.s3.amazonaws.com/u3p1hlbm2c1vvkwlm8h668pe132z",
-  "https://toastability-production.s3.amazonaws.com/ehgbcugs782765ke1l2dtbtzd918",
-  "https://toastability-production.s3.amazonaws.com/kka8f550on7acx1lf82xleu6zhzo",
-  "https://toastability-production.s3.amazonaws.com/67fnapqepn7f8vwt0x4nqho70hbz",
-  "https://toastability-production.s3.amazonaws.com/t4cidbsfz3z468bn45yqdrkbx7ou",
-  "https://toastability-production.s3.amazonaws.com/gq3c9qalkiomu0rzdzxymkdaazdu",
-  "https://toastability-production.s3.amazonaws.com/9ujya2tfhxja7y5s9wb7d2u8crhd",
-  "https://toastability-production.s3.amazonaws.com/hotlo54tsvl2k3eht9gg0460l9zw",
-  "https://toastability-production.s3.amazonaws.com/ytbyjrcvrghc7wl6w1g7g8fwka22",
-  "https://toastability-production.s3.amazonaws.com/uv0g605yf5mz106nrm1uspt9l0rr",
-  "https://toastability-production.s3.amazonaws.com/yrp5k5xszwpe26fquupey6a6g0uu",
-  "https://toastability-production.s3.amazonaws.com/97gctpna2hdozl1f8u5xq4ew8h0o",
-  "https://toastability-production.s3.amazonaws.com/xjtepune0scj9yjkkqgaiwlq9hls",
-  "https://toastability-production.s3.amazonaws.com/g607vblaarqctl1cvgxffhx4pw6g",
-  "https://toastability-production.s3.amazonaws.com/4xpu1ljr9c8g6qzmfum5ygjzbzpb",
-  "https://toastability-production.s3.amazonaws.com/yw5f7iwyypf4kctpr5ye5e495swt",
-  "https://toastability-production.s3.amazonaws.com/z37cidvud212bzqhhalrhvk7ipaa",
-  "https://toastability-production.s3.amazonaws.com/pfllskt7q7144l288lrnpc6gx606",
-  "https://toastability-production.s3.amazonaws.com/fokd3hxzvdtsomagbfhqooyvndyv",
-  "https://toastability-production.s3.amazonaws.com/6fffnb4phovtqkjhtzifs4rhb84u",
-  "https://toastability-production.s3.amazonaws.com/mt87xjr79wxdhjy7496v3r6m2m9t",
-  "https://toastability-production.s3.amazonaws.com/3dy9ge962uarlaf2xl7imdcviqgx",
-  "https://toastability-production.s3.amazonaws.com/okf6fg4n9yv59up8ivgcdjy3w030",
-  "https://toastability-production.s3.amazonaws.com/t7iteqw4xhtppkiws88bsoia25hv",
-  "https://toastability-production.s3.amazonaws.com/klr5tuvulkyqfb721txtu4hgzxdm",
-  "https://toastability-production.s3.amazonaws.com/9eddibiq5ovc9cvs3ekijkrjpahg",
-  "https://toastability-production.s3.amazonaws.com/3ghn8dz3g9qtt4pf4nwbriaydvzb",
-  "https://toastability-production.s3.amazonaws.com/82ykd8s8boiqaxypkulb0v0s2qiw",
-  "https://toastability-production.s3.amazonaws.com/4eqmdeanxfk6jzvigo42y5ryv2c8",
-  "https://toastability-production.s3.amazonaws.com/9ughnl9wnko2vdboib8n3wl3cxsy",
-  "https://toastability-production.s3.amazonaws.com/4xjcgtlwseruezhoh3o1ga4umhj4",
-  "https://toastability-production.s3.amazonaws.com/xwh1zzxgyd887thfm1j9lu9qnd6c",
-  "https://toastability-production.s3.amazonaws.com/ri0dqx79spe6771np76mkmno5xfd",
-  "https://toastability-production.s3.amazonaws.com/e13qu3083lkhdg7th64vb628172a",
-  "https://toastability-production.s3.amazonaws.com/w87w0fyjdol9yzwo7yywkgxidvzo"
-];
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -1044,15 +925,15 @@ function CtaWorkflowTabs({
   tabButtonClassName,
   tabContentClassName,
   tabImageClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const [activeTab, setActiveTab] = React.useState(tabs?.[0]?.id || "");
   const activeTabData = tabs?.find((tab) => tab.id === activeTab) || tabs?.[0];
-  const renderActions = () => {
+  const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return /* @__PURE__ */ jsx(
@@ -1092,8 +973,8 @@ function CtaWorkflowTabs({
         })
       }
     );
-  };
-  const renderTabs = () => {
+  }, [actionsSlot, actions, actionsClassName]);
+  const tabsContent = useMemo(() => {
     if (tabsSlot) return tabsSlot;
     if (!tabs || tabs.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("mt-12", tabsWrapperClassName), children: [
@@ -1132,15 +1013,15 @@ function CtaWorkflowTabs({
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold md:text-3xl", children: activeTabData.heading }),
-              /* @__PURE__ */ jsx("p", { className: "mb-6 text-lg text-muted-foreground", children: activeTabData.description }),
+              activeTabData.heading && (typeof activeTabData.heading === "string" ? /* @__PURE__ */ jsx("h3", { className: "mb-4 text-2xl font-bold md:text-3xl", children: activeTabData.heading }) : /* @__PURE__ */ jsx("div", { className: "mb-4", children: activeTabData.heading })),
+              activeTabData.description && (typeof activeTabData.description === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-6 text-lg text-muted-foreground", children: activeTabData.description }) : /* @__PURE__ */ jsx("div", { className: "mb-6", children: activeTabData.description })),
               activeTabData.stats && activeTabData.stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-8", children: activeTabData.stats.map((stat, index) => /* @__PURE__ */ jsxs("div", { children: [
                 stat.icon && /* @__PURE__ */ jsx("div", { className: "mb-1", children: stat.icon }),
-                /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold text-primary", children: stat.value }),
-                /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
+                stat.value && /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold text-primary", children: stat.value }),
+                stat.label && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: stat.label })
               ] }, index)) })
             ] }),
-            /* @__PURE__ */ jsx(
+            activeTabData.image && /* @__PURE__ */ jsx(
               "div",
               {
                 className: cn(
@@ -1150,7 +1031,7 @@ function CtaWorkflowTabs({
                 children: /* @__PURE__ */ jsx(
                   Img,
                   {
-                    src: activeTabData.image || imagePlaceholders[0],
+                    src: activeTabData.image,
                     alt: typeof activeTabData.heading === "string" ? activeTabData.heading : "",
                     className: "h-full w-full object-cover",
                     optixFlowConfig
@@ -1162,7 +1043,7 @@ function CtaWorkflowTabs({
         }
       )
     ] });
-  };
+  }, [tabsSlot, tabs, activeTab, activeTabData, tabsWrapperClassName, tabButtonsClassName, tabButtonClassName, tabContentClassName, tabImageClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1173,7 +1054,7 @@ function CtaWorkflowTabs({
       patternOpacity,
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", contentClassName), children: [
-          /* @__PURE__ */ jsx(
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
             "h2",
             {
               className: cn(
@@ -1182,8 +1063,8 @@ function CtaWorkflowTabs({
               ),
               children: heading
             }
-          ),
-          /* @__PURE__ */ jsx(
+          ) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", headingClassName), children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx(
             "p",
             {
               className: cn(
@@ -1192,10 +1073,10 @@ function CtaWorkflowTabs({
               ),
               children: description
             }
-          ),
-          renderActions()
+          ) : /* @__PURE__ */ jsx("div", { className: cn("mb-8", descriptionClassName), children: description })),
+          actionsContent
         ] }),
-        renderTabs()
+        tabsContent
       ] })
     }
   );

package/dist/hero-ad-campaign-expert.cjs

@@ -838,8 +838,8 @@ function HeroAdCampaignExpert({
   actionSlot,
   imageSrc,
   imageAlt = "",
-  background = "muted",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-ad-campaign-expert.js

@@ -816,8 +816,8 @@ function HeroAdCampaignExpert({
   actionSlot,
   imageSrc,
   imageAlt = "",
-  background = "muted",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-adaptable-product-grid.cjs

@@ -830,8 +830,8 @@ function HeroAdaptableProductGrid({
   actionSlot,
   imageSrc,
   imageAlt = "placeholder",
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-adaptable-product-grid.js

@@ -809,8 +809,8 @@ function HeroAdaptableProductGrid({
   actionSlot,
   imageSrc,
   imageAlt = "placeholder",
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-agency-animated-images.cjs

@@ -837,8 +837,8 @@ function HeroAgencyAnimatedImages({
   actionSlot,
   images,
   imagesSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-agency-animated-images.js

@@ -815,8 +815,8 @@ function HeroAgencyAnimatedImages({
   actionSlot,
   images,
   imagesSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-ai-powered-carousel.cjs

@@ -1003,8 +1003,8 @@ function HeroAiPoweredCarousel({
   desktopCarouselImages1,
   desktopCarouselImages2,
   carouselSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-ai-powered-carousel.js

@@ -978,8 +978,8 @@ function HeroAiPoweredCarousel({
   desktopCarouselImages1,
   desktopCarouselImages2,
   carouselSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-announcement-badge.cjs

@@ -862,8 +862,8 @@ function HeroAnnouncementBadge({
   description,
   actions,
   actionsSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-announcement-badge.js

@@ -841,8 +841,8 @@ function HeroAnnouncementBadge({
   description,
   actions,
   actionsSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-architecture-fullscreen.cjs

@@ -829,8 +829,8 @@ function HeroArchitectureFullscreen({
   action,
   actionSlot,
   backgroundImage,
-  background = "dark",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-architecture-fullscreen.js

@@ -808,8 +808,8 @@ function HeroArchitectureFullscreen({
   action,
   actionSlot,
   backgroundImage,
-  background = "dark",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-badge-image-split.cjs

@@ -865,8 +865,8 @@ function HeroBadgeImageSplit({
   actionsSlot,
   imageSrc,
   imageAlt = "Hero section demo image showing interface components",
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,

package/dist/hero-badge-image-split.js

@@ -844,8 +844,8 @@ function HeroBadgeImageSplit({
   actionsSlot,
   imageSrc,
   imageAlt = "Hero section demo image showing interface components",
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   className,