@opensite/ui 0.3.4 → 0.4.1

package/dist/blur-vignette-grid.js

@@ -372,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 = "",
@@ -518,7 +456,7 @@ function BlurVignette({
   );
 }
 function BlurVignetteGrid({
-  images = defaultImages,
+  images,
   imagesSlot,
   vignetteConfig,
   gridColumns = 5,

package/dist/carousel-badge-cards.cjs

@@ -1083,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.js

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

@@ -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.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.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.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.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(