@opensite/ui 0.3.3 → 0.4.0

package/dist/blur-vignette-grid.cjs

@@ -314,6 +314,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",
@@ -377,68 +378,6 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultImages = [
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 1",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 2",
-    colSpan: 3,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 3",
-    colSpan: 5,
-    height: "h-100"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 4",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 5",
-    colSpan: 3,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 6",
-    colSpan: 3,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 7",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 8",
-    colSpan: 5,
-    height: "h-100"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 9",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 10",
-    colSpan: 3,
-    height: "h-82"
-  }
-];
 function BlurVignette({
   children,
   className = "",
@@ -523,7 +462,7 @@ function BlurVignette({
   );
 }
 function BlurVignetteGrid({
-  images = defaultImages,
+  images,
   imagesSlot,
   vignetteConfig,
   gridColumns = 5,

package/dist/blur-vignette-grid.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 { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { 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';
 
 /**

package/dist/blur-vignette-grid.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 { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { 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';
 
 /**

package/dist/blur-vignette-grid.js

@@ -308,6 +308,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",
@@ -371,68 +372,6 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultImages = [
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 1",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 2",
-    colSpan: 3,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 3",
-    colSpan: 5,
-    height: "h-100"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 4",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 5",
-    colSpan: 3,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 6",
-    colSpan: 3,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 7",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 8",
-    colSpan: 5,
-    height: "h-100"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 9",
-    colSpan: 2,
-    height: "h-82"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 10",
-    colSpan: 3,
-    height: "h-82"
-  }
-];
 function BlurVignette({
   children,
   className = "",
@@ -517,7 +456,7 @@ function BlurVignette({
   );
 }
 function BlurVignetteGrid({
-  images = defaultImages,
+  images,
   imagesSlot,
   vignetteConfig,
   gridColumns = 5,

package/dist/{button-variants-CdNtNOuP.d.cts → button-variants-CKmytxru.d.cts}

@@ -1,8 +1,8 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "default" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "md" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 export { buttonVariants as b };

package/dist/{button-variants-CdNtNOuP.d.ts → button-variants-CKmytxru.d.ts}

@@ -1,8 +1,8 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "outline" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "default" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "md" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 export { buttonVariants as b };

package/dist/button.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { b as buttonVariants } from './button-variants-CdNtNOuP.cjs';
+import { b as buttonVariants } from './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/button.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { b as buttonVariants } from './button-variants-CdNtNOuP.js';
+import { b as buttonVariants } from './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/carousel-badge-cards.cjs

@@ -1019,6 +1019,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",
@@ -1082,51 +1083,9 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "feature-1",
-    title: "Smart AI Assistant",
-    description: "Powered by advanced language models to handle complex queries, automate tasks, and provide intelligent responses with high accuracy.",
-    label: "Core AI",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    id: "feature-2",
-    title: "Data Analytics",
-    description: "Transform raw data into actionable insights using machine learning algorithms and predictive analytics for informed decision-making.",
-    label: "Analytics",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    id: "feature-3",
-    title: "Process Automation",
-    description: "Streamline workflows and automate repetitive tasks with intelligent process automation, increasing efficiency and reducing errors.",
-    label: "Automation",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    id: "feature-4",
-    title: "Knowledge Base",
-    description: "Access and manage comprehensive information with our AI-powered knowledge base that learns and improves from each interaction.",
-    label: "Learning",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    id: "feature-5",
-    title: "API Integration",
-    description: "Seamlessly integrate with existing systems through our robust API framework, enabling smooth data exchange and functionality extension.",
-    label: "Integration",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  }
-];
 function CarouselBadgeCards({
-  heading = "Case Studies",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   readMoreText = "Read more",
   className,

package/dist/carousel-badge-cards.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 { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { 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';
 
 /**

package/dist/carousel-badge-cards.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 { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { 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';
 
 /**

package/dist/carousel-badge-cards.js

@@ -995,6 +995,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",
@@ -1058,51 +1059,9 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "feature-1",
-    title: "Smart AI Assistant",
-    description: "Powered by advanced language models to handle complex queries, automate tasks, and provide intelligent responses with high accuracy.",
-    label: "Core AI",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    id: "feature-2",
-    title: "Data Analytics",
-    description: "Transform raw data into actionable insights using machine learning algorithms and predictive analytics for informed decision-making.",
-    label: "Analytics",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    id: "feature-3",
-    title: "Process Automation",
-    description: "Streamline workflows and automate repetitive tasks with intelligent process automation, increasing efficiency and reducing errors.",
-    label: "Automation",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    id: "feature-4",
-    title: "Knowledge Base",
-    description: "Access and manage comprehensive information with our AI-powered knowledge base that learns and improves from each interaction.",
-    label: "Learning",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    id: "feature-5",
-    title: "API Integration",
-    description: "Seamlessly integrate with existing systems through our robust API framework, enabling smooth data exchange and functionality extension.",
-    label: "Integration",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  }
-];
 function CarouselBadgeCards({
-  heading = "Case Studies",
-  items = defaultItems,
+  heading,
+  items,
   itemsSlot,
   readMoreText = "Read more",
   className,

package/dist/carousel-demo-link.cjs

@@ -986,6 +986,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",
@@ -1049,52 +1050,11 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "item-1",
-    title: "Build Modern UIs",
-    summary: "Create stunning user interfaces with our comprehensive design system.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    id: "item-2",
-    title: "Computer Vision Technology",
-    summary: "Powerful image recognition and processing capabilities that allow AI systems to analyze, understand, and interpret visual information from the world.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    id: "item-3",
-    title: "Machine Learning Automation",
-    summary: "Self-improving algorithms that learn from data patterns to automate complex tasks and make intelligent decisions with minimal human intervention.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    id: "item-4",
-    title: "Predictive Analytics",
-    summary: "Advanced forecasting capabilities that analyze historical data to predict future trends and outcomes, helping businesses make data-driven decisions.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    id: "item-5",
-    title: "Neural Network Architecture",
-    summary: "Sophisticated AI models inspired by human brain structure, capable of solving complex problems through deep learning and pattern recognition.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  }
-];
-var defaultDemoAction = {
-  label: "Book a demo",
-  href: "#"
-};
 function CarouselDemoLink({
-  heading = "Gallery",
-  demoAction = defaultDemoAction,
+  heading,
+  demoAction,
   demoActionSlot,
-  items = defaultItems,
+  items,
   itemsSlot,
   readMoreText = "Read more",
   className,

package/dist/carousel-demo-link.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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, 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';
 
 /**

package/dist/carousel-demo-link.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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, 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';
 
 /**

package/dist/carousel-demo-link.js

@@ -962,6 +962,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",
@@ -1025,52 +1026,11 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "item-1",
-    title: "Build Modern UIs",
-    summary: "Create stunning user interfaces with our comprehensive design system.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    id: "item-2",
-    title: "Computer Vision Technology",
-    summary: "Powerful image recognition and processing capabilities that allow AI systems to analyze, understand, and interpret visual information from the world.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    id: "item-3",
-    title: "Machine Learning Automation",
-    summary: "Self-improving algorithms that learn from data patterns to automate complex tasks and make intelligent decisions with minimal human intervention.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    id: "item-4",
-    title: "Predictive Analytics",
-    summary: "Advanced forecasting capabilities that analyze historical data to predict future trends and outcomes, helping businesses make data-driven decisions.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    id: "item-5",
-    title: "Neural Network Architecture",
-    summary: "Sophisticated AI models inspired by human brain structure, capable of solving complex problems through deep learning and pattern recognition.",
-    url: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  }
-];
-var defaultDemoAction = {
-  label: "Book a demo",
-  href: "#"
-};
 function CarouselDemoLink({
-  heading = "Gallery",
-  demoAction = defaultDemoAction,
+  heading,
+  demoAction,
   demoActionSlot,
-  items = defaultItems,
+  items,
   itemsSlot,
   readMoreText = "Read more",
   className,

package/dist/carousel-gradient-overlay.cjs

@@ -986,6 +986,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",
@@ -1049,47 +1050,10 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    id: "shadcn-ui",
-    title: "Building a Modern Component Library",
-    description: "Explore how modern component libraries revolutionized React development by providing a unique approach to component distribution and customization.",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    id: "tailwind",
-    title: "The Utility-First Revolution",
-    description: "Discover how utility-first CSS transformed the way developers style their applications, offering a new approach that speeds up development.",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    id: "astro",
-    title: "The All-in-One Web Framework",
-    description: "Learn how innovative architecture and zero-JS-by-default approach is helping developers build faster websites while maintaining rich interactivity.",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    id: "react",
-    title: "Pioneering Component-Based UI",
-    description: "See how React continues to shape modern web development with its component-based architecture, enabling developers to build complex user interfaces.",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    id: "nextjs",
-    title: "The React Framework for Production",
-    description: "Explore how Next.js has become the go-to framework for building full-stack React applications, offering features like server components and file-based routing.",
-    href: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  }
-];
 function CarouselGradientOverlay({
-  title = "Case Studies",
-  description = "Discover how leading companies and developers are leveraging modern web technologies to build exceptional digital experiences.",
-  items = defaultItems,
+  title,
+  description,
+  items,
   itemsSlot,
   readMoreText = "Read more",
   className,
@@ -1230,7 +1194,7 @@ function CarouselGradientOverlay({
               children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: cn("ml-0 2xl:mr-[max(0rem,calc(50vw-700px))] 2xl:ml-[max(8rem,calc(50vw-700px))]", carouselContentClassName), children: renderItems() })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center gap-2", indicatorsClassName), children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex justify-center gap-2", indicatorsClassName), children: items?.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               className: cn(

package/dist/carousel-gradient-overlay.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 { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { 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';
 
 /**

package/dist/carousel-gradient-overlay.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 { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { 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';
 
 /**