@opensite/ui 0.3.4 → 0.4.1

package/dist/timeline-alternating-diagonal.cjs

@@ -170,13 +170,6 @@ function Badge({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder2: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -539,46 +532,6 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    title: "Get Organized",
-    description: "Start strong by syncing your calendars and tools like Google Calendar, Trello, and Slack in one place.",
-    icon: "lucide/layout-list",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder1,
-      alt: "Get Organized"
-    }
-  },
-  {
-    title: "Track Progress",
-    description: "Monitor your performance with real-time dashboards and detailed analytics. Stay ahead with automated reports.",
-    icon: "lucide/locate-fixed",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder2,
-      alt: "Track Progress"
-    },
-    reverse: true
-  },
-  {
-    title: "Collaborate Seamlessly",
-    description: "Empower your team with shared dashboards and instant communication tools. Keep everyone aligned with integrated platforms.",
-    icon: "lucide/users",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder3,
-      alt: "Collaborate Seamlessly"
-    }
-  },
-  {
-    title: "Integrate Seamlessly",
-    description: "Integrate seamlessly across multiple platforms to enable smooth, automated task handovers.",
-    icon: "lucide/cpu",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder4,
-      alt: "Integrate Seamlessly"
-    },
-    reverse: true
-  }
-];
 var DiagonalPattern = ({
   className,
   patternOpacity = 0.15
@@ -600,9 +553,9 @@ function TimelineAlternatingDiagonal({
     text: "Accelerate"
   },
   badgeSlot,
-  heading = "Accelerate your planning journey",
-  description = "Take control of your workflow step-by-step with smart tools, actionable insights, and seamless collaboration",
-  items = defaultItems,
+  heading,
+  description,
+  items,
   className,
   containerClassName,
   headingClassName,
@@ -657,7 +610,7 @@ function TimelineAlternatingDiagonal({
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl leading-tight tracking-tight md:text-4xl lg:text-6xl", headingClassName), children: heading }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-[600px] tracking-[-0.32px] text-muted-foreground", descriptionClassName), children: description })
         ] }) }),
-        items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden border-x pb-40 lg:pt-20 [&>*:last-child]:pb-20 [&>div>div:first-child]:pt-20! mx-auto w-full px-2 sm:px-4 lg:px-8 max-w-7xl", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex", itemClassName), children: [
+        items && items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden border-x pb-40 lg:pt-20 [&>*:last-child]:pb-20 [&>div>div:first-child]:pt-20! mx-auto w-full px-2 sm:px-4 lg:px-8 max-w-7xl", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex", itemClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {

package/dist/timeline-alternating-diagonal.js

@@ -149,13 +149,6 @@ function Badge({
     }
   );
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  placeholder2: "https://cdn.ing/assets/files/record/286201/l8f27khqrs9eumdi9r0ihvbe886u",
-  placeholder3: "https://cdn.ing/assets/files/record/286203/itwrx0hqshkompfxvikdmj77xoh4",
-  placeholder4: "https://cdn.ing/assets/files/record/286204/7rhj7uvcnozjm6c2q4txtptfcmpx"};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -518,46 +511,6 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    title: "Get Organized",
-    description: "Start strong by syncing your calendars and tools like Google Calendar, Trello, and Slack in one place.",
-    icon: "lucide/layout-list",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder1,
-      alt: "Get Organized"
-    }
-  },
-  {
-    title: "Track Progress",
-    description: "Monitor your performance with real-time dashboards and detailed analytics. Stay ahead with automated reports.",
-    icon: "lucide/locate-fixed",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder2,
-      alt: "Track Progress"
-    },
-    reverse: true
-  },
-  {
-    title: "Collaborate Seamlessly",
-    description: "Empower your team with shared dashboards and instant communication tools. Keep everyone aligned with integrated platforms.",
-    icon: "lucide/users",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder3,
-      alt: "Collaborate Seamlessly"
-    }
-  },
-  {
-    title: "Integrate Seamlessly",
-    description: "Integrate seamlessly across multiple platforms to enable smooth, automated task handovers.",
-    icon: "lucide/cpu",
-    image: {
-      src: blockBrandedIconsAndPlaceholders.placeholder4,
-      alt: "Integrate Seamlessly"
-    },
-    reverse: true
-  }
-];
 var DiagonalPattern = ({
   className,
   patternOpacity = 0.15
@@ -579,9 +532,9 @@ function TimelineAlternatingDiagonal({
     text: "Accelerate"
   },
   badgeSlot,
-  heading = "Accelerate your planning journey",
-  description = "Take control of your workflow step-by-step with smart tools, actionable insights, and seamless collaboration",
-  items = defaultItems,
+  heading,
+  description,
+  items,
   className,
   containerClassName,
   headingClassName,
@@ -636,7 +589,7 @@ function TimelineAlternatingDiagonal({
           /* @__PURE__ */ jsx("h2", { className: cn("text-3xl leading-tight tracking-tight md:text-4xl lg:text-6xl", headingClassName), children: heading }),
           /* @__PURE__ */ jsx("p", { className: cn("max-w-[600px] tracking-[-0.32px] text-muted-foreground", descriptionClassName), children: description })
         ] }) }),
-        items.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden border-x pb-40 lg:pt-20 [&>*:last-child]:pb-20 [&>div>div:first-child]:pt-20! mx-auto w-full px-2 sm:px-4 lg:px-8 max-w-7xl", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { className: cn("relative flex", itemClassName), children: [
+        items && items.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden border-x pb-40 lg:pt-20 [&>*:last-child]:pb-20 [&>div>div:first-child]:pt-20! mx-auto w-full px-2 sm:px-4 lg:px-8 max-w-7xl", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { className: cn("relative flex", itemClassName), children: [
           /* @__PURE__ */ jsxs(
             "div",
             {

package/dist/timeline-changelog-badges.cjs

@@ -473,53 +473,9 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultEntries = [
-  {
-    date: "March 21, 2025",
-    items: [
-      {
-        contentHtml: "Launched <strong>AI-powered code generation</strong> in our IDE, allowing developers to generate boilerplate code with natural language prompts."
-      },
-      {
-        contentHtml: "Introduced <em>contextual code suggestions</em> that understand project structure and coding patterns for more accurate completions."
-      },
-      {
-        contentHtml: "Added <u>automated code refactoring</u> capabilities that suggest and apply improvements to existing codebases."
-      }
-    ]
-  },
-  {
-    date: "March 19, 2025",
-    items: [
-      {
-        contentHtml: "Released <strong>AI-driven debugging assistant</strong> that identifies potential issues and suggests fixes before runtime."
-      },
-      {
-        contentHtml: "Implemented <em>smart documentation generation</em> that automatically creates comprehensive docs from code comments and structure."
-      },
-      {
-        contentHtml: "Enhanced <u>code review automation</u> with AI-powered analysis of code quality and best practices."
-      }
-    ]
-  },
-  {
-    date: "March 17, 2025",
-    items: [
-      {
-        contentHtml: "Announced <strong>AI pair programming</strong> feature that provides real-time coding assistance and explanations."
-      },
-      {
-        contentHtml: "Launched <em>intelligent dependency management</em> that suggests optimal package versions and identifies potential conflicts."
-      },
-      {
-        contentHtml: "Introduced <u>automated test generation</u> that creates comprehensive test suites based on code functionality."
-      }
-    ]
-  }
-];
 function TimelineChangelogBadges({
-  heading = "Timeline",
-  entries = defaultEntries,
+  heading,
+  entries,
   className,
   containerClassName,
   headingClassName,
@@ -536,7 +492,7 @@ function TimelineChangelogBadges({
   id,
   style
 }) {
-  if (entries.length === 0) {
+  if (!entries || entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {

package/dist/timeline-changelog-badges.js

@@ -448,53 +448,9 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultEntries = [
-  {
-    date: "March 21, 2025",
-    items: [
-      {
-        contentHtml: "Launched <strong>AI-powered code generation</strong> in our IDE, allowing developers to generate boilerplate code with natural language prompts."
-      },
-      {
-        contentHtml: "Introduced <em>contextual code suggestions</em> that understand project structure and coding patterns for more accurate completions."
-      },
-      {
-        contentHtml: "Added <u>automated code refactoring</u> capabilities that suggest and apply improvements to existing codebases."
-      }
-    ]
-  },
-  {
-    date: "March 19, 2025",
-    items: [
-      {
-        contentHtml: "Released <strong>AI-driven debugging assistant</strong> that identifies potential issues and suggests fixes before runtime."
-      },
-      {
-        contentHtml: "Implemented <em>smart documentation generation</em> that automatically creates comprehensive docs from code comments and structure."
-      },
-      {
-        contentHtml: "Enhanced <u>code review automation</u> with AI-powered analysis of code quality and best practices."
-      }
-    ]
-  },
-  {
-    date: "March 17, 2025",
-    items: [
-      {
-        contentHtml: "Announced <strong>AI pair programming</strong> feature that provides real-time coding assistance and explanations."
-      },
-      {
-        contentHtml: "Launched <em>intelligent dependency management</em> that suggests optimal package versions and identifies potential conflicts."
-      },
-      {
-        contentHtml: "Introduced <u>automated test generation</u> that creates comprehensive test suites based on code functionality."
-      }
-    ]
-  }
-];
 function TimelineChangelogBadges({
-  heading = "Timeline",
-  entries = defaultEntries,
+  heading,
+  entries,
   className,
   containerClassName,
   headingClassName,
@@ -511,7 +467,7 @@ function TimelineChangelogBadges({
   id,
   style
 }) {
-  if (entries.length === 0) {
+  if (!entries || entries.length === 0) {
     return /* @__PURE__ */ jsx(
       Section,
       {

package/dist/timeline-history-prose.cjs

@@ -439,31 +439,9 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultEntries = [
-  {
-    date: "1956",
-    title: "The Birth of AI",
-    contentHtml: "The term 'Artificial Intelligence' was coined at the Dartmouth Conference, marking the official beginning of AI as a field. John McCarthy, Marvin Minsky, Nathaniel Rochester, and Claude Shannon organized this seminal event, setting the stage for decades of research and development."
-  },
-  {
-    date: "1966-1973",
-    title: "Early Optimism and First AI Winter",
-    contentHtml: "The early years saw significant optimism with programs like ELIZA (the first chatbot) and SHRDLU (a natural language understanding system). However, by the early 1970s, funding dried up as researchers faced the limitations of early computing power and the complexity of human intelligence."
-  },
-  {
-    date: "1980-1987",
-    title: "Expert Systems and Revival",
-    contentHtml: "AI experienced a revival with the development of expert systems like MYCIN (for medical diagnosis) and DENDRAL (for chemical analysis). These systems used rule-based approaches to mimic human decision-making in specific domains, leading to renewed interest and funding in AI research."
-  },
-  {
-    date: "1997",
-    title: "Deep Blue Defeats Chess Champion",
-    contentHtml: "IBM's Deep Blue became the first computer system to defeat a reigning world chess champion, Garry Kasparov, in a six-game match. This milestone demonstrated AI's potential to outperform humans in complex strategic games and captured the public's imagination."
-  }
-];
 function TimelineHistoryProse({
-  heading = "The History of Artificial Intelligence",
-  entries = defaultEntries,
+  heading,
+  entries,
   className,
   containerClassName,
   headingClassName,
@@ -480,7 +458,7 @@ function TimelineHistoryProse({
   id,
   style
 }) {
-  if (entries.length === 0) {
+  if (!entries || entries.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {

package/dist/timeline-history-prose.js

@@ -414,31 +414,9 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultEntries = [
-  {
-    date: "1956",
-    title: "The Birth of AI",
-    contentHtml: "The term 'Artificial Intelligence' was coined at the Dartmouth Conference, marking the official beginning of AI as a field. John McCarthy, Marvin Minsky, Nathaniel Rochester, and Claude Shannon organized this seminal event, setting the stage for decades of research and development."
-  },
-  {
-    date: "1966-1973",
-    title: "Early Optimism and First AI Winter",
-    contentHtml: "The early years saw significant optimism with programs like ELIZA (the first chatbot) and SHRDLU (a natural language understanding system). However, by the early 1970s, funding dried up as researchers faced the limitations of early computing power and the complexity of human intelligence."
-  },
-  {
-    date: "1980-1987",
-    title: "Expert Systems and Revival",
-    contentHtml: "AI experienced a revival with the development of expert systems like MYCIN (for medical diagnosis) and DENDRAL (for chemical analysis). These systems used rule-based approaches to mimic human decision-making in specific domains, leading to renewed interest and funding in AI research."
-  },
-  {
-    date: "1997",
-    title: "Deep Blue Defeats Chess Champion",
-    contentHtml: "IBM's Deep Blue became the first computer system to defeat a reigning world chess champion, Garry Kasparov, in a six-game match. This milestone demonstrated AI's potential to outperform humans in complex strategic games and captured the public's imagination."
-  }
-];
 function TimelineHistoryProse({
-  heading = "The History of Artificial Intelligence",
-  entries = defaultEntries,
+  heading,
+  entries,
   className,
   containerClassName,
   headingClassName,
@@ -455,7 +433,7 @@ function TimelineHistoryProse({
   id,
   style
 }) {
-  if (entries.length === 0) {
+  if (!entries || entries.length === 0) {
     return /* @__PURE__ */ jsx(
       Section,
       {

package/dist/timeline-horizontal-icons.cjs

@@ -543,40 +543,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPhases = [
-  {
-    id: 0,
-    date: "January 15, 2024",
-    title: "Phase I",
-    description: "Project initialization and strategic planning begins.",
-    icon: "lucide/rocket"
-  },
-  {
-    id: 1,
-    date: "March 10, 2024",
-    title: "Phase II",
-    description: "Detailed research and preliminary development stage.",
-    icon: "lucide/cpu"
-  },
-  {
-    id: 2,
-    date: "June 5, 2024",
-    title: "Phase III",
-    description: "Core implementation and major milestones achieved.",
-    icon: "lucide/locate-fixed"
-  },
-  {
-    id: 3,
-    date: "September 20, 2024",
-    title: "Phase IV",
-    description: "Final refinements and project completion.",
-    icon: "lucide/flag"
-  }
-];
 function TimelineHorizontalIcons({
-  heading = "Timeline",
+  heading,
   currentPhase = 2,
-  phases = defaultPhases,
+  phases,
   className,
   containerClassName,
   headingClassName,
@@ -595,8 +565,8 @@ function TimelineHorizontalIcons({
   id,
   style
 }) {
-  const safeCurrentPhase = phases.length > 0 ? Math.max(0, Math.min(currentPhase, phases.length - 1)) : 0;
-  if (phases.length === 0) {
+  const safeCurrentPhase = (phases?.length ?? 0) > 0 ? Math.max(0, Math.min(currentPhase, (phases?.length ?? 1) - 1)) : 0;
+  if (!phases || phases.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {

package/dist/timeline-horizontal-icons.js

@@ -521,40 +521,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPhases = [
-  {
-    id: 0,
-    date: "January 15, 2024",
-    title: "Phase I",
-    description: "Project initialization and strategic planning begins.",
-    icon: "lucide/rocket"
-  },
-  {
-    id: 1,
-    date: "March 10, 2024",
-    title: "Phase II",
-    description: "Detailed research and preliminary development stage.",
-    icon: "lucide/cpu"
-  },
-  {
-    id: 2,
-    date: "June 5, 2024",
-    title: "Phase III",
-    description: "Core implementation and major milestones achieved.",
-    icon: "lucide/locate-fixed"
-  },
-  {
-    id: 3,
-    date: "September 20, 2024",
-    title: "Phase IV",
-    description: "Final refinements and project completion.",
-    icon: "lucide/flag"
-  }
-];
 function TimelineHorizontalIcons({
-  heading = "Timeline",
+  heading,
   currentPhase = 2,
-  phases = defaultPhases,
+  phases,
   className,
   containerClassName,
   headingClassName,
@@ -573,8 +543,8 @@ function TimelineHorizontalIcons({
   id,
   style
 }) {
-  const safeCurrentPhase = phases.length > 0 ? Math.max(0, Math.min(currentPhase, phases.length - 1)) : 0;
-  if (phases.length === 0) {
+  const safeCurrentPhase = (phases?.length ?? 0) > 0 ? Math.max(0, Math.min(currentPhase, (phases?.length ?? 1) - 1)) : 0;
+  if (!phases || phases.length === 0) {
     return /* @__PURE__ */ jsx(
       Section,
       {

package/dist/timeline-horizontal-phases.cjs

@@ -440,36 +440,10 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPhases = [
-  {
-    id: 0,
-    date: "January 15, 2024",
-    title: "Phase I",
-    description: "Initial data collection and model architecture design for the AI system."
-  },
-  {
-    id: 1,
-    date: "March 30, 2024",
-    title: "Phase II",
-    description: "Model training and validation with core dataset implementation."
-  },
-  {
-    id: 2,
-    date: "June 15, 2024",
-    title: "Phase III",
-    description: "Integration of advanced features and performance optimization."
-  },
-  {
-    id: 3,
-    date: "September 1, 2024",
-    title: "Phase IV",
-    description: "Final testing, deployment, and continuous improvement system launch."
-  }
-];
 function TimelineHorizontalPhases({
-  heading = "Timeline",
+  heading,
   currentPhase = 2,
-  phases = defaultPhases,
+  phases,
   className,
   containerClassName,
   headingClassName,
@@ -487,8 +461,8 @@ function TimelineHorizontalPhases({
   id,
   style
 }) {
-  const safeCurrentPhase = phases.length > 0 ? Math.max(0, Math.min(currentPhase, phases.length - 1)) : 0;
-  if (phases.length === 0) {
+  const safeCurrentPhase = (phases?.length ?? 0) > 0 ? Math.max(0, Math.min(currentPhase, (phases?.length ?? 1) - 1)) : 0;
+  if (!phases || phases.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Section,
       {

package/dist/timeline-horizontal-phases.js

@@ -415,36 +415,10 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultPhases = [
-  {
-    id: 0,
-    date: "January 15, 2024",
-    title: "Phase I",
-    description: "Initial data collection and model architecture design for the AI system."
-  },
-  {
-    id: 1,
-    date: "March 30, 2024",
-    title: "Phase II",
-    description: "Model training and validation with core dataset implementation."
-  },
-  {
-    id: 2,
-    date: "June 15, 2024",
-    title: "Phase III",
-    description: "Integration of advanced features and performance optimization."
-  },
-  {
-    id: 3,
-    date: "September 1, 2024",
-    title: "Phase IV",
-    description: "Final testing, deployment, and continuous improvement system launch."
-  }
-];
 function TimelineHorizontalPhases({
-  heading = "Timeline",
+  heading,
   currentPhase = 2,
-  phases = defaultPhases,
+  phases,
   className,
   containerClassName,
   headingClassName,
@@ -462,8 +436,8 @@ function TimelineHorizontalPhases({
   id,
   style
 }) {
-  const safeCurrentPhase = phases.length > 0 ? Math.max(0, Math.min(currentPhase, phases.length - 1)) : 0;
-  if (phases.length === 0) {
+  const safeCurrentPhase = (phases?.length ?? 0) > 0 ? Math.max(0, Math.min(currentPhase, (phases?.length ?? 1) - 1)) : 0;
+  if (!phases || phases.length === 0) {
     return /* @__PURE__ */ jsx(
       Section,
       {

package/dist/timeline-product-launch.cjs

@@ -838,42 +838,16 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSteps = [
-  {
-    number: "01",
-    title: "Ideation",
-    heading: "Brainstorm and validate your concept",
-    description: "Gather insights from market research, customer interviews, and competitor analysis to refine your product idea.",
-    progress: 15,
-    duration: "~2 weeks"
-  },
-  {
-    number: "02",
-    title: "Development",
-    heading: "Build your MVP",
-    description: "Design, prototype, and develop the minimum viable product. Iterate quickly based on early feedback and testing.",
-    progress: 85,
-    duration: "~6 weeks"
-  },
-  {
-    number: "03",
-    title: "Launch",
-    heading: "Go to market",
-    description: "Execute your launch plan with marketing campaigns, outreach, and customer support to maximize impact and adoption.",
-    progress: 100,
-    duration: "Launch complete"
-  }
-];
 function TimelineProductLaunch({
-  heading = "Journey to Product Launch",
-  description = "Follow the essential steps to bring your innovative idea to market and ensure a successful product debut.",
+  heading,
+  description,
   cardHeading = "Guidance from industry leaders",
   ctaAction = {
     label: "Request a demo",
     href: "#"
   },
   ctaSlot,
-  steps = defaultSteps,
+  steps,
   className,
   containerClassName,
   headingClassName,
@@ -936,7 +910,7 @@ function TimelineProductLaunch({
               /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-2xl font-semibold tracking-tight", cardHeadingClassName), children: cardHeading }),
               renderCta()
             ] }),
-            steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex gap-4 sm:flex-col", children: [
+            steps && steps.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex gap-4 sm:flex-col", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid h-full w-4 justify-center gap-10 sm:h-4 sm:w-auto sm:items-center", `sm:grid-cols-${steps.length}`), children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 left-1/2 w-px -translate-x-1/2 bg-ring sm:inset-auto sm:left-auto sm:h-px sm:w-full sm:translate-x-0" }),