@opensite/ui 0.3.3 → 0.4.0

package/dist/testimonials-simple-grid.js

@@ -375,6 +375,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -494,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-slider-minimal.cjs

@@ -377,6 +377,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/testimonials-slider-minimal.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { T as TestimonialItem } from './blocks-DP3Vofl4.cjs';
+import { T as TestimonialItem } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TestimonialsSliderMinimalProps {

package/dist/testimonials-slider-minimal.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { T as TestimonialItem } from './blocks-XLPGq8A5.js';
+import { T as TestimonialItem } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TestimonialsSliderMinimalProps {

package/dist/testimonials-slider-minimal.js

@@ -352,6 +352,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/testimonials-split-image.cjs

@@ -481,6 +481,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/testimonials-split-image.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TestimonialsSplitImageProps {

package/dist/testimonials-split-image.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { T as TestimonialItem, O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TestimonialsSplitImageProps {

package/dist/testimonials-split-image.js

@@ -459,6 +459,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",

package/dist/testimonials-stats-header.cjs

@@ -503,6 +503,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -603,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,
@@ -655,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.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { T as TestimonialItem } from './blocks-DP3Vofl4.cjs';
+import { T as TestimonialItem } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/testimonials-stats-header.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { T as TestimonialItem } from './blocks-XLPGq8A5.js';
+import { T as TestimonialItem } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/testimonials-stats-header.js

@@ -481,6 +481,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -581,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,
@@ -633,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

@@ -922,6 +922,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1041,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.d.cts

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

package/dist/testimonials-twitter-cards.d.ts

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

package/dist/testimonials-twitter-cards.js

@@ -900,6 +900,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -1019,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

@@ -411,6 +411,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -563,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.d.cts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { T as TestimonialItem } from './blocks-DP3Vofl4.cjs';
+import { T as TestimonialItem } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/testimonials-wall-compact.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-z0e5HB0v.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { T as TestimonialItem } from './blocks-XLPGq8A5.js';
+import { T as TestimonialItem } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/testimonials-wall-compact.js

@@ -386,6 +386,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -538,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

@@ -433,6 +433,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -496,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,
@@ -535,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,
     {
@@ -565,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.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-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TimelineAIWorkflowItem {

package/dist/timeline-ai-workflow-cards.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-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelineAIWorkflowItem {

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) {
@@ -412,6 +412,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -475,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,
@@ -514,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,
     {
@@ -544,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),

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",
@@ -475,6 +468,7 @@ var backgroundStyles = {
   white: "bg-background text-foreground",
   gray: "bg-muted/30 text-foreground",
   dark: "bg-foreground text-background",
+  transparent: "bg-transparent text-foreground",
   gradient: "bg-linear-to-br from-primary via-primary/90 to-foreground text-primary-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
@@ -538,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
@@ -599,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,
@@ -656,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.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-DP3Vofl4.cjs';
+import './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface TimelineAlternatingItem {

package/dist/timeline-alternating-diagonal.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-XLPGq8A5.js';
+import './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface TimelineAlternatingItem {