@opensite/ui 0.3.4 → 0.4.0

package/dist/timeline-history-prose.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import './patternSvgs-c5ZNVoTT.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelineHistoryEntry {

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.d.cts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import './patternSvgs-c5ZNVoTT.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TimelinePhaseWithIcon {

package/dist/timeline-horizontal-icons.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import './patternSvgs-c5ZNVoTT.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelinePhaseWithIcon {

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.d.cts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import './patternSvgs-c5ZNVoTT.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TimelinePhase {

package/dist/timeline-horizontal-phases.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import './patternSvgs-c5ZNVoTT.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelinePhase {

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" }),

package/dist/timeline-product-launch.d.cts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig } from './blocks-BfXV7q25.cjs';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TimelineProductLaunchStep {

package/dist/timeline-product-launch.d.ts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { A as ActionConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig } from './blocks-BYytGxbF.js';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelineProductLaunchStep {

package/dist/timeline-product-launch.js

@@ -816,42 +816,16 @@ var Section = React__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,
@@ -914,7 +888,7 @@ function TimelineProductLaunch({
               /* @__PURE__ */ jsx("h2", { className: cn("text-2xl font-semibold tracking-tight", cardHeadingClassName), children: cardHeading }),
               renderCta()
             ] }),
-            steps.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex gap-4 sm:flex-col", children: [
+            steps && steps.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 flex gap-4 sm:flex-col", children: [
               /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ 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__ */ 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" }),

package/dist/timeline-productivity-list.cjs

@@ -497,41 +497,9 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    icon: "lucide/cloud",
-    title: "Boost Productivity",
-    description: "Streamline your workflows and eliminate inefficiencies with our advanced task management tools."
-  },
-  {
-    icon: "lucide/x-circle",
-    title: "Minimize Errors",
-    description: "Automate repetitive tasks to reduce human error and ensure consistent results."
-  },
-  {
-    icon: "lucide/users",
-    title: "Enhance Collaboration",
-    description: "Improve team communication and collaboration with real-time updates and shared workspaces."
-  },
-  {
-    icon: "lucide/scale",
-    title: "Scale Seamlessly",
-    description: "Grow your team and projects without hassle, thanks to flexible and scalable solutions."
-  },
-  {
-    icon: "lucide/file-check",
-    title: "Track Progress",
-    description: "Stay on top of your goals with detailed progress tracking and actionable insights."
-  },
-  {
-    icon: "lucide/clock",
-    title: "Save Time",
-    description: "Focus on what matters most by automating time-consuming tasks and processes."
-  }
-];
 function TimelineProductivityList({
   heading,
-  items = defaultItems,
+  items,
   className,
   containerClassName,
   headingClassName,
@@ -548,13 +516,6 @@ function TimelineProductivityList({
   id,
   style
 }) {
-  const defaultHeading = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    "Our tools make",
-    /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-    "productivity your",
-    /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "superpower" })
-  ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -567,8 +528,8 @@ function TimelineProductivityList({
       patternClassName,
       style,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-8 sm:gap-12 lg:grid-cols-2 lg:gap-16", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-24 lg:self-start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-lg", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold tracking-tight text-primary sm:text-4xl lg:text-5xl", headingClassName), children: heading || defaultHeading }) }) }),
-        items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("-mt-8 sm:-mt-12", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:sticky lg:top-24 lg:self-start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-lg", children: heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold tracking-tight text-primary sm:text-4xl lg:text-5xl", headingClassName), children: heading }) }) }),
+        items && items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("-mt-8 sm:-mt-12", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: cn("relative flex flex-col justify-center overflow-hidden border-b py-8 shadow-none sm:py-12", itemClassName),

package/dist/timeline-productivity-list.d.cts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import './patternSvgs-c5ZNVoTT.cjs';
-import './blocks-Cohq4eio.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TimelineProductivityItem {

package/dist/timeline-productivity-list.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import './patternSvgs-c5ZNVoTT.js';
-import './blocks-k17uluAz.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelineProductivityItem {

package/dist/timeline-productivity-list.js

@@ -3,7 +3,7 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React from 'react';
 import React__default from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // lib/utils.ts
 function cn(...inputs) {
@@ -476,41 +476,9 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    icon: "lucide/cloud",
-    title: "Boost Productivity",
-    description: "Streamline your workflows and eliminate inefficiencies with our advanced task management tools."
-  },
-  {
-    icon: "lucide/x-circle",
-    title: "Minimize Errors",
-    description: "Automate repetitive tasks to reduce human error and ensure consistent results."
-  },
-  {
-    icon: "lucide/users",
-    title: "Enhance Collaboration",
-    description: "Improve team communication and collaboration with real-time updates and shared workspaces."
-  },
-  {
-    icon: "lucide/scale",
-    title: "Scale Seamlessly",
-    description: "Grow your team and projects without hassle, thanks to flexible and scalable solutions."
-  },
-  {
-    icon: "lucide/file-check",
-    title: "Track Progress",
-    description: "Stay on top of your goals with detailed progress tracking and actionable insights."
-  },
-  {
-    icon: "lucide/clock",
-    title: "Save Time",
-    description: "Focus on what matters most by automating time-consuming tasks and processes."
-  }
-];
 function TimelineProductivityList({
   heading,
-  items = defaultItems,
+  items,
   className,
   containerClassName,
   headingClassName,
@@ -527,13 +495,6 @@ function TimelineProductivityList({
   id,
   style
 }) {
-  const defaultHeading = /* @__PURE__ */ jsxs(Fragment, { children: [
-    "Our tools make",
-    /* @__PURE__ */ jsx("br", {}),
-    "productivity your",
-    /* @__PURE__ */ jsx("br", {}),
-    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "superpower" })
-  ] });
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -546,8 +507,8 @@ function TimelineProductivityList({
       patternClassName,
       style,
       children: /* @__PURE__ */ jsxs("div", { className: cn("grid gap-8 sm:gap-12 lg:grid-cols-2 lg:gap-16", containerClassName), children: [
-        /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-24 lg:self-start", children: /* @__PURE__ */ jsx("div", { className: "max-w-lg", children: /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight text-primary sm:text-4xl lg:text-5xl", headingClassName), children: heading || defaultHeading }) }) }),
-        items.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("-mt-8 sm:-mt-12", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "lg:sticky lg:top-24 lg:self-start", children: /* @__PURE__ */ jsx("div", { className: "max-w-lg", children: heading && /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight text-primary sm:text-4xl lg:text-5xl", headingClassName), children: heading }) }) }),
+        items && items.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("-mt-8 sm:-mt-12", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsx(
           "div",
           {
             className: cn("relative flex flex-col justify-center overflow-hidden border-b py-8 shadow-none sm:py-12", itemClassName),