@opensite/ui 0.3.4 → 0.4.0

package/dist/carousel-demo-link.cjs

@@ -1050,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-Cohq4eio.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-lRElsmTc.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-k17uluAz.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-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-demo-link.js

@@ -1026,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

@@ -1050,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,
@@ -1231,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-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.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-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-gradient-overlay.js

@@ -1026,47 +1026,10 @@ var Section = React4__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,
@@ -1207,7 +1170,7 @@ function CarouselGradientOverlay({
               children: /* @__PURE__ */ jsx(CarouselContent, { className: cn("ml-0 2xl:mr-[max(0rem,calc(50vw-700px))] 2xl:ml-[max(8rem,calc(50vw-700px))]", carouselContentClassName), children: renderItems() })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-center gap-2", indicatorsClassName), children: items.map((_, index) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex justify-center gap-2", indicatorsClassName), children: items?.map((_, index) => /* @__PURE__ */ jsx(
             "button",
             {
               className: cn(

package/dist/carousel-gradient-text.cjs

@@ -1108,38 +1108,11 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    title: "Responsive",
-    description: "Our templates are built with a mobile-first approach, ensuring your website looks stunning on all devices and screen sizes."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    title: "Clean Code",
-    description: "Each template is crafted with clean, well-structured code following best practices to make customization and maintenance simple."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    title: "Copy & Paste",
-    description: "Our templates are designed for easy copy and paste functionality, allowing you to quickly implement components and features into your projects."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    title: "Easy Updates",
-    description: "Regular updates and maintenance ensure your template stays current with the latest web standards and security practices."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    title: "Modern Stack",
-    description: "Built with the latest technologies including React, Tailwind CSS and shadcn/ui for a modern development experience."
-  }
-];
 function CarouselGradientText({
-  heading = "Code less.",
-  subheading = "Build faster.",
-  tagline = "Start with our templates, customize to your needs.",
-  items = defaultItems,
+  heading,
+  subheading,
+  tagline,
+  items,
   itemsSlot,
   className,
   headerClassName,
@@ -1227,7 +1200,7 @@ function CarouselGradientText({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: cn("max-w-[400px] select-none", carouselContentClassName), children: renderItems() })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex items-center lg:ml-[50%]", indicatorsClassName), children: Array.from({ length: items.length }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex items-center lg:ml-[50%]", indicatorsClassName), children: Array.from({ length: items?.length ?? 0 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: cn(
@@ -1242,7 +1215,7 @@ function CarouselGradientText({
                   "inline-block transition-all duration-300",
                   index + 1 === current ? "translate-x-0 opacity-100" : "translate-x-6 opacity-0"
                 ),
-                children: items[index].title
+                children: items?.[index]?.title
               }
             )
           },

package/dist/carousel-gradient-text.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-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-gradient-text.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-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-gradient-text.js

@@ -1084,38 +1084,11 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    title: "Responsive",
-    description: "Our templates are built with a mobile-first approach, ensuring your website looks stunning on all devices and screen sizes."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    title: "Clean Code",
-    description: "Each template is crafted with clean, well-structured code following best practices to make customization and maintenance simple."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    title: "Copy & Paste",
-    description: "Our templates are designed for easy copy and paste functionality, allowing you to quickly implement components and features into your projects."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    title: "Easy Updates",
-    description: "Regular updates and maintenance ensure your template stays current with the latest web standards and security practices."
-  },
-  {
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    title: "Modern Stack",
-    description: "Built with the latest technologies including React, Tailwind CSS and shadcn/ui for a modern development experience."
-  }
-];
 function CarouselGradientText({
-  heading = "Code less.",
-  subheading = "Build faster.",
-  tagline = "Start with our templates, customize to your needs.",
-  items = defaultItems,
+  heading,
+  subheading,
+  tagline,
+  items,
   itemsSlot,
   className,
   headerClassName,
@@ -1203,7 +1176,7 @@ function CarouselGradientText({
           ] }),
           /* @__PURE__ */ jsx(CarouselContent, { className: cn("max-w-[400px] select-none", carouselContentClassName), children: renderItems() })
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex items-center lg:ml-[50%]", indicatorsClassName), children: Array.from({ length: items.length }).map((_, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex items-center lg:ml-[50%]", indicatorsClassName), children: Array.from({ length: items?.length ?? 0 }).map((_, index) => /* @__PURE__ */ jsx(
           "span",
           {
             className: cn(
@@ -1218,7 +1191,7 @@ function CarouselGradientText({
                   "inline-block transition-all duration-300",
                   index + 1 === current ? "translate-x-0 opacity-100" : "translate-x-6 opacity-0"
                 ),
-                children: items[index].title
+                children: items?.[index]?.title
               }
             )
           },

package/dist/carousel-icon-sidebar.cjs

@@ -1108,28 +1108,8 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    title: "Elegant Design",
-    description: "Discover our beautifully crafted designs that blend style and functionality.",
-    icon: "lucide/palette"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    title: "Premium Quality",
-    description: "Experience the finest materials and craftsmanship in every piece.",
-    icon: "lucide/star"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    title: "Modern Aesthetics",
-    description: "Stay ahead of the curve with our contemporary and trendy collections.",
-    icon: "lucide/sparkles"
-  }
-];
 function CarouselIconSidebar({
-  items = defaultItems,
+  items,
   itemsSlot,
   sidebarSlot,
   className,
@@ -1164,7 +1144,7 @@ function CarouselIconSidebar({
       });
     });
   }, [api]);
-  const activeItem = items[activeIndex];
+  const activeItem = items?.[activeIndex];
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;
     if (!activeItem) return null;

package/dist/carousel-icon-sidebar.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-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-icon-sidebar.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-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-icon-sidebar.js

@@ -1084,28 +1084,8 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    title: "Elegant Design",
-    description: "Discover our beautifully crafted designs that blend style and functionality.",
-    icon: "lucide/palette"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    title: "Premium Quality",
-    description: "Experience the finest materials and craftsmanship in every piece.",
-    icon: "lucide/star"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    title: "Modern Aesthetics",
-    description: "Stay ahead of the curve with our contemporary and trendy collections.",
-    icon: "lucide/sparkles"
-  }
-];
 function CarouselIconSidebar({
-  items = defaultItems,
+  items,
   itemsSlot,
   sidebarSlot,
   className,
@@ -1140,7 +1120,7 @@ function CarouselIconSidebar({
       });
     });
   }, [api]);
-  const activeItem = items[activeIndex];
+  const activeItem = items?.[activeIndex];
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;
     if (!activeItem) return null;

package/dist/carousel-icon-tabs.cjs

@@ -1141,30 +1141,10 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultSections = [
-  {
-    img: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    title: "Design",
-    text: "Create beautiful, responsive designs with our intuitive tools and templates.",
-    icon: "lucide/code"
-  },
-  {
-    img: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    title: "Develop",
-    text: "Build robust applications with modern frameworks and best practices.",
-    icon: "lucide/git-branch"
-  },
-  {
-    img: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    title: "Ship",
-    text: "Deploy your projects with confidence using our streamlined workflow.",
-    icon: "lucide/sparkles"
-  }
-];
 function CarouselIconTabs({
-  heading = "Cut the time it takes to close your books",
-  badge = "Lorem ipsum dolor sit amet consectetur.",
-  sections = defaultSections,
+  heading,
+  badge,
+  sections,
   sectionsSlot,
   headerSlot,
   className,
@@ -1280,7 +1260,7 @@ function CarouselIconTabs({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               current,
               " / ",
-              sections.length
+              sections?.length ?? 0
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-start gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(

package/dist/carousel-icon-tabs.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-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/carousel-icon-tabs.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-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 /**