@opensite/ui 0.3.4 → 0.4.1

package/dist/testimonial-carousel-cards.cjs

@@ -1083,52 +1083,10 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "item-1",
-    username: "@techinnovator",
-    quote: "Their team transformed our vision into a seamless, user-friendly app. The attention to detail and commitment to quality is unmatched!",
-    author: "Sarah",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    bgColor: "bg-green-300"
-  },
-  {
-    id: "item-2",
-    username: "@startupfounder",
-    quote: "From ideation to deployment, they delivered a robust solution that scaled with our business. Truly a partner in our growth journey.",
-    author: "James",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    bgColor: "bg-orange-300"
-  },
-  {
-    id: "item-3",
-    username: "@enterpriseleader",
-    quote: "Their expertise in cloud solutions helped us optimize our operations and reduce costs significantly. Highly recommend their services!",
-    author: "Emily",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    bgColor: "bg-purple-300"
-  },
-  {
-    id: "item-4",
-    username: "@productmanager",
-    quote: "The team's ability to understand complex requirements and deliver on time is exceptional. They made the development process stress-free.",
-    author: "Michael",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    bgColor: "bg-green-300"
-  },
-  {
-    id: "item-5",
-    username: "@cto",
-    quote: "Their innovative approach to software development has been a game-changer for our organization. We couldn't be happier with the results!",
-    author: "Laura",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    bgColor: "bg-orange-300"
-  }
-];
 function TestimonialCarouselCards({
-  heading = "Building the Future, One Line of Code at a Time",
-  description = "From startups to enterprises, we empower businesses with cutting-edge software solutions. Hear from our satisfied clients.",
-  items = defaultItems,
+  heading,
+  description,
+  items,
   itemsSlot,
   sidebarSlot,
   className,
@@ -1170,7 +1128,8 @@ function TestimonialCarouselCards({
     };
   }, [carouselApi]);
   const progressWidth = 240;
-  const progressIndicatorWidth = progressWidth / items.length;
+  const itemsLength = items?.length ?? 1;
+  const progressIndicatorWidth = progressWidth / itemsLength;
   const progressOffset = currentIndex * progressIndicatorWidth;
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;

package/dist/testimonial-carousel-cards.js

@@ -1059,52 +1059,10 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "item-1",
-    username: "@techinnovator",
-    quote: "Their team transformed our vision into a seamless, user-friendly app. The attention to detail and commitment to quality is unmatched!",
-    author: "Sarah",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    bgColor: "bg-green-300"
-  },
-  {
-    id: "item-2",
-    username: "@startupfounder",
-    quote: "From ideation to deployment, they delivered a robust solution that scaled with our business. Truly a partner in our growth journey.",
-    author: "James",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    bgColor: "bg-orange-300"
-  },
-  {
-    id: "item-3",
-    username: "@enterpriseleader",
-    quote: "Their expertise in cloud solutions helped us optimize our operations and reduce costs significantly. Highly recommend their services!",
-    author: "Emily",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    bgColor: "bg-purple-300"
-  },
-  {
-    id: "item-4",
-    username: "@productmanager",
-    quote: "The team's ability to understand complex requirements and deliver on time is exceptional. They made the development process stress-free.",
-    author: "Michael",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    bgColor: "bg-green-300"
-  },
-  {
-    id: "item-5",
-    username: "@cto",
-    quote: "Their innovative approach to software development has been a game-changer for our organization. We couldn't be happier with the results!",
-    author: "Laura",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    bgColor: "bg-orange-300"
-  }
-];
 function TestimonialCarouselCards({
-  heading = "Building the Future, One Line of Code at a Time",
-  description = "From startups to enterprises, we empower businesses with cutting-edge software solutions. Hear from our satisfied clients.",
-  items = defaultItems,
+  heading,
+  description,
+  items,
   itemsSlot,
   sidebarSlot,
   className,
@@ -1146,7 +1104,8 @@ function TestimonialCarouselCards({
     };
   }, [carouselApi]);
   const progressWidth = 240;
-  const progressIndicatorWidth = progressWidth / items.length;
+  const itemsLength = items?.length ?? 1;
+  const progressIndicatorWidth = progressWidth / itemsLength;
   const progressOffset = currentIndex * progressIndicatorWidth;
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;

package/dist/testimonials-bento-grid.cjs

@@ -616,8 +616,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsBentoGrid({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Loved by Teams Everywhere",
-  description = "See what our customers have to say about their experience",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-bento-grid.js

@@ -594,8 +594,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsBentoGrid({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Loved by Teams Everywhere",
-  description = "See what our customers have to say about their experience",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-centered-avatars.cjs

@@ -507,8 +507,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsCenteredAvatars({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  badge = "Testimonials",
-  heading = "Trusted by Industry Leaders",
+  badge,
+  heading,
   className,
   contentClassName,
   badgeClassName,

package/dist/testimonials-centered-avatars.js

@@ -482,8 +482,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsCenteredAvatars({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  badge = "Testimonials",
-  heading = "Trusted by Industry Leaders",
+  badge,
+  heading,
   className,
   contentClassName,
   badgeClassName,

package/dist/testimonials-grid-add-review.cjs

@@ -614,7 +614,7 @@ function StarRating({ rating, size = 16 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -623,8 +623,8 @@ function StarRating({ rating, size = 16 }) {
 function TestimonialsGridAddReview({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
-  heading = "Customer Reviews",
-  description = "Real feedback from our community",
+  heading,
+  description,
   addReviewText = "Share Your Experience",
   addReviewSubtext = "Help others by sharing your thoughts",
   onAddReview,

package/dist/testimonials-grid-add-review.js

@@ -592,7 +592,7 @@ function StarRating({ rating, size = 16 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -601,8 +601,8 @@ function StarRating({ rating, size = 16 }) {
 function TestimonialsGridAddReview({
   reviews = DEFAULT_REVIEWS,
   reviewsSlot,
-  heading = "Customer Reviews",
-  description = "Real feedback from our community",
+  heading,
+  description,
   addReviewText = "Share Your Experience",
   addReviewSubtext = "Help others by sharing your thoughts",
   onAddReview,

package/dist/testimonials-logo-cards.cjs

@@ -526,8 +526,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsLogoCards({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Trusted by Leading Companies",
-  description = "See what our enterprise clients say",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-logo-cards.js

@@ -501,8 +501,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsLogoCards({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Trusted by Leading Companies",
-  description = "See what our enterprise clients say",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-marquee.cjs

@@ -519,8 +519,8 @@ var speedMap = {
 function TestimonialsMarquee({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What Our Customers Say",
-  description = "Join thousands of satisfied users",
+  heading,
+  description,
   speed = "normal",
   pauseOnHover = true,
   className,

package/dist/testimonials-marquee.js

@@ -494,8 +494,8 @@ var speedMap = {
 function TestimonialsMarquee({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What Our Customers Say",
-  description = "Join thousands of satisfied users",
+  heading,
+  description,
   speed = "normal",
   pauseOnHover = true,
   className,

package/dist/testimonials-masonry-grid.cjs

@@ -528,8 +528,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsMasonryGrid({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What People Say",
-  description = "Feedback from our community",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-masonry-grid.js

@@ -503,8 +503,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsMasonryGrid({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What People Say",
-  description = "Feedback from our community",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-mini-dividers.cjs

@@ -604,7 +604,7 @@ function StarRating({ rating, size = 14 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -613,8 +613,8 @@ function StarRating({ rating, size = 14 }) {
 function TestimonialsMiniDividers({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What People Say",
-  description = "Feedback from our customers",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-mini-dividers.js

@@ -582,7 +582,7 @@ function StarRating({ rating, size = 14 }) {
       name: "lucide/star",
       size,
       className: cn(
-        star <= rating ? "fill-yellow-400 text-yellow-400" : "fill-muted text-muted"
+        star <= rating ? "fill-primary text-primary" : "fill-muted text-muted"
       )
     },
     star
@@ -591,8 +591,8 @@ function StarRating({ rating, size = 14 }) {
 function TestimonialsMiniDividers({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What People Say",
-  description = "Feedback from our customers",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-quote-carousel.cjs

@@ -1197,8 +1197,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsQuoteCarousel({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Client Testimonials",
-  description = "Swipe through what our clients have to say about working with us",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-quote-carousel.js

@@ -1172,8 +1172,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsQuoteCarousel({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Client Testimonials",
-  description = "Swipe through what our clients have to say about working with us",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-scrolling-columns.cjs

@@ -678,8 +678,8 @@ var itemVariants = {
 function TestimonialsScrollingColumns({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What Our Clients Say",
-  description = "Real feedback from real customers",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-scrolling-columns.js

@@ -657,8 +657,8 @@ var itemVariants = {
 function TestimonialsScrollingColumns({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What Our Clients Say",
-  description = "Real feedback from real customers",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-simple-grid.cjs

@@ -520,8 +520,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsSimpleGrid({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Customer Stories",
-  description = "Hear from our satisfied customers",
+  heading,
+  description,
   columns = 3,
   className,
   headerClassName,

package/dist/testimonials-simple-grid.js

@@ -495,8 +495,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsSimpleGrid({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Customer Stories",
-  description = "Hear from our satisfied customers",
+  heading,
+  description,
   columns = 3,
   className,
   headerClassName,

package/dist/testimonials-stats-header.cjs

@@ -604,8 +604,8 @@ function TestimonialsStatsHeader({
   statsSlot,
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Trusted by Thousands",
-  description = "Join the growing community of satisfied customers",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,
@@ -656,7 +656,7 @@ function TestimonialsStatsHeader({
           {
             name: "lucide/star",
             size: 16,
-            className: "fill-yellow-400 text-yellow-400"
+            className: "fill-primary text-primary"
           },
           i
         )) }),

package/dist/testimonials-stats-header.js

@@ -582,8 +582,8 @@ function TestimonialsStatsHeader({
   statsSlot,
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Trusted by Thousands",
-  description = "Join the growing community of satisfied customers",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,
@@ -634,7 +634,7 @@ function TestimonialsStatsHeader({
           {
             name: "lucide/star",
             size: 16,
-            className: "fill-yellow-400 text-yellow-400"
+            className: "fill-primary text-primary"
           },
           i
         )) }),

package/dist/testimonials-twitter-cards.cjs

@@ -1042,8 +1042,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsTwitterCards({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What People Are Saying",
-  description = "Real feedback from our community",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-twitter-cards.js

@@ -1020,8 +1020,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsTwitterCards({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "What People Are Saying",
-  description = "Real feedback from our community",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-wall-compact.cjs

@@ -564,8 +564,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsWallCompact({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Wall of Love",
-  description = "What our community is saying",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/testimonials-wall-compact.js

@@ -539,8 +539,8 @@ var DEFAULT_TESTIMONIALS = [
 function TestimonialsWallCompact({
   testimonials = DEFAULT_TESTIMONIALS,
   testimonialsSlot,
-  heading = "Wall of Love",
-  description = "What our community is saying",
+  heading,
+  description,
   className,
   headerClassName,
   headingClassName,

package/dist/timeline-ai-workflow-cards.cjs

@@ -497,27 +497,10 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    icon: "lucide/cloud",
-    title: "AI-Driven Insights",
-    description: "Leverage advanced AI algorithms to gain actionable insights and make data-driven decisions for your business."
-  },
-  {
-    icon: "lucide/x-circle",
-    title: "Error-Free Automation",
-    description: "Eliminate manual errors with intelligent automation tools that ensure accuracy and consistency across all processes."
-  },
-  {
-    icon: "lucide/users",
-    title: "Seamless Team Collaboration",
-    description: "Enhance teamwork with AI-powered collaboration tools that enable real-time communication and shared workflows."
-  }
-];
 function TimelineAIWorkflowCards({
   heading,
-  subheading = "Seamlessly integrate AI into your workflows. Automate tasks, enhance efficiency, and stay ahead.",
-  items = defaultItems,
+  subheading,
+  items,
   className,
   containerClassName,
   headingClassName,
@@ -536,23 +519,6 @@ function TimelineAIWorkflowCards({
   id,
   style
 }) {
-  const defaultHeading = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    "Unlock",
-    " ",
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-block", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "AI" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        DynamicIcon,
-        {
-          name: "lucide/sparkles",
-          size: 20,
-          className: "absolute -top-2 -right-4 fill-yellow-500 stroke-none"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-    "for your existing workflows"
-  ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -566,10 +532,10 @@ function TimelineAIWorkflowCards({
       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.jsxs("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 }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-12 text-base text-muted-foreground", subheadingClassName), children: subheading })
+          heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold tracking-tight text-primary sm:text-4xl lg:text-5xl", headingClassName), children: heading }),
+          subheading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-12 text-base text-muted-foreground", subheadingClassName), children: subheading })
         ] }) }),
-        items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("-mt-8 sm:-mt-12", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        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 my-12 overflow-hidden rounded-lg bg-muted px-8 py-16 shadow-none sm:px-12 sm:py-24 lg:px-16 lg:py-32", cardClassName),

package/dist/timeline-ai-workflow-cards.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,27 +476,10 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    icon: "lucide/cloud",
-    title: "AI-Driven Insights",
-    description: "Leverage advanced AI algorithms to gain actionable insights and make data-driven decisions for your business."
-  },
-  {
-    icon: "lucide/x-circle",
-    title: "Error-Free Automation",
-    description: "Eliminate manual errors with intelligent automation tools that ensure accuracy and consistency across all processes."
-  },
-  {
-    icon: "lucide/users",
-    title: "Seamless Team Collaboration",
-    description: "Enhance teamwork with AI-powered collaboration tools that enable real-time communication and shared workflows."
-  }
-];
 function TimelineAIWorkflowCards({
   heading,
-  subheading = "Seamlessly integrate AI into your workflows. Automate tasks, enhance efficiency, and stay ahead.",
-  items = defaultItems,
+  subheading,
+  items,
   className,
   containerClassName,
   headingClassName,
@@ -515,23 +498,6 @@ function TimelineAIWorkflowCards({
   id,
   style
 }) {
-  const defaultHeading = /* @__PURE__ */ jsxs(Fragment, { children: [
-    "Unlock",
-    " ",
-    /* @__PURE__ */ jsxs("span", { className: "relative inline-block", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "AI" }),
-      /* @__PURE__ */ jsx(
-        DynamicIcon,
-        {
-          name: "lucide/sparkles",
-          size: 20,
-          className: "absolute -top-2 -right-4 fill-yellow-500 stroke-none"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("br", {}),
-    "for your existing workflows"
-  ] });
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -545,10 +511,10 @@ function TimelineAIWorkflowCards({
       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__ */ jsxs("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 }),
-          /* @__PURE__ */ jsx("p", { className: cn("mt-12 text-base text-muted-foreground", subheadingClassName), children: subheading })
+          heading && /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight text-primary sm:text-4xl lg:text-5xl", headingClassName), children: heading }),
+          subheading && /* @__PURE__ */ jsx("p", { className: cn("mt-12 text-base text-muted-foreground", subheadingClassName), children: subheading })
         ] }) }),
-        items.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("-mt-8 sm:-mt-12", itemsClassName), children: items.map((item, index) => /* @__PURE__ */ jsx(
+        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 my-12 overflow-hidden rounded-lg bg-muted px-8 py-16 shadow-none sm:px-12 sm:py-24 lg:px-16 lg:py-32", cardClassName),