@opensite/ui 0.3.4 → 0.4.0

package/dist/carousel-icon-tabs.js

@@ -1117,30 +1117,10 @@ var Section = React4__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,
@@ -1256,7 +1236,7 @@ function CarouselIconTabs({
             /* @__PURE__ */ jsxs("div", { children: [
               current,
               " / ",
-              sections.length
+              sections?.length ?? 0
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-start gap-2", children: [
               /* @__PURE__ */ jsx(

package/dist/carousel-scale-focus.cjs

@@ -1108,50 +1108,8 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultImages = [
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 1"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 2"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 3"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 4"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 5"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 6"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 7"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 8"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 9"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 10"
-  }
-];
 function CarouselScaleFocus({
-  images = defaultImages,
+  images,
   imagesSlot,
   className,
   carouselClassName,

package/dist/carousel-scale-focus.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-scale-focus.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-scale-focus.js

@@ -1084,50 +1084,8 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultImages = [
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 1"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 2"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 3"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 4"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 5"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    alt: "Gallery image 6"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    alt: "Gallery image 7"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    alt: "Gallery image 8"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson",
-    alt: "Gallery image 9"
-  },
-  {
-    src: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg",
-    alt: "Gallery image 10"
-  }
-];
 function CarouselScaleFocus({
-  images = defaultImages,
+  images,
   imagesSlot,
   className,
   carouselClassName,

package/dist/carousel-sidebar-resources.cjs

@@ -1108,47 +1108,9 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultResources = [
-  {
-    title: "Getting Started with Templates",
-    category: "guide",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    title: "Template Pricing & Plans",
-    category: "pricing",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    title: "Introducing Our New Template Builder",
-    category: "news",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    title: "Modern Design Patterns: Creating Responsive Templates for 2025",
-    category: "tutorial",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    title: "The Ultimate Guide to Template Customization",
-    category: "ebook",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  },
-  {
-    title: "Template Success Stories: Year in Review",
-    category: "blog",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/3qlr5qlwmqxlqvlmxqfhqvqvqvqv"
-  }
-];
 function CarouselSidebarResources({
-  heading = "Start building with our template collection",
-  resources = defaultResources,
+  heading,
+  resources,
   resourcesSlot,
   sidebarSlot,
   viewAllText = "View all resources",
@@ -1171,7 +1133,7 @@ function CarouselSidebarResources({
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("order-3 flex flex-col gap-6 lg:order-0", sidebarClassName), children: [
-      resources.slice(0, 3).map((resource, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React4.Fragment, { children: [
+      resources?.slice(0, 3).map((resource, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React4.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-mono text-sm text-muted-foreground uppercase", children: resource.category }),
           /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/carousel-sidebar-resources.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-sidebar-resources.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-sidebar-resources.js

@@ -1084,47 +1084,9 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultResources = [
-  {
-    title: "Getting Started with Templates",
-    category: "guide",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn"
-  },
-  {
-    title: "Template Pricing & Plans",
-    category: "pricing",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t"
-  },
-  {
-    title: "Introducing Our New Template Builder",
-    category: "news",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j"
-  },
-  {
-    title: "Modern Design Patterns: Creating Responsive Templates for 2025",
-    category: "tutorial",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/63aotyt2pb4gqpccej2kkw8reson"
-  },
-  {
-    title: "The Ultimate Guide to Template Customization",
-    category: "ebook",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/pjgb223h1bjywdk15i3zi7pjhutg"
-  },
-  {
-    title: "Template Success Stories: Year in Review",
-    category: "blog",
-    link: "#",
-    image: "https://toastability-production.s3.amazonaws.com/3qlr5qlwmqxlqvlmxqfhqvqvqvqv"
-  }
-];
 function CarouselSidebarResources({
-  heading = "Start building with our template collection",
-  resources = defaultResources,
+  heading,
+  resources,
   resourcesSlot,
   sidebarSlot,
   viewAllText = "View all resources",
@@ -1147,7 +1109,7 @@ function CarouselSidebarResources({
   const renderSidebar = () => {
     if (sidebarSlot) return sidebarSlot;
     return /* @__PURE__ */ jsxs("div", { className: cn("order-3 flex flex-col gap-6 lg:order-0", sidebarClassName), children: [
-      resources.slice(0, 3).map((resource, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      resources?.slice(0, 3).map((resource, idx) => /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("div", { className: "font-mono text-sm text-muted-foreground uppercase", children: resource.category }),
           /* @__PURE__ */ jsxs(

package/dist/carousel-tabs-content.cjs

@@ -1108,64 +1108,8 @@ var Section = React4__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    title: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-linear-to-b from-foreground/20 to-muted-foreground bg-clip-text text-transparent", children: "Explore Our" }),
-      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-      "Core Features"
-    ] }),
-    description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      "Dive deep into the robust functionalities designed to streamline your workflow. Benefit from intuitive design, seamless integration, and powerful customization options.",
-      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-      "Explore how our platform adapts to your evolving needs, ensuring long-term value and efficiency."
-    ] }),
-    note: "Comprehensive documentation and dedicated support channels are available to assist you.",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    category: "Features"
-  },
-  {
-    title: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-linear-to-b from-foreground/20 to-muted-foreground bg-clip-text text-transparent", children: "Solutions for" }),
-      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-      "Every Scenario"
-    ] }),
-    description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Discover how our platform addresses diverse challenges across various domains:" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "my-4 ml-6 list-disc", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Enhancing team collaboration efficiency." }),
-        /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Optimizing critical resource allocation." }),
-        /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Streamlining complex data analysis." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "We provide adaptable tools for your unique context." })
-    ] }),
-    note: "Leverage our expertise in integration and custom development for specific needs.",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    category: "Solutions"
-  },
-  {
-    title: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-linear-to-b from-foreground/20 to-muted-foreground bg-clip-text text-transparent", children: "Building the" }),
-      /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-      "Future Together"
-    ] }),
-    description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Get a glimpse into our ongoing commitment to innovation and improvement:" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "my-4 ml-6 list-disc", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Next-generation user interface design." }),
-        /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Advanced analytics capabilities rollout." }),
-        /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Expanded third-party integration ecosystem." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "We're constantly evolving based on user feedback and industry trends." })
-    ] }),
-    note: "Our dedicated R&D team is focused on delivering cutting-edge solutions.",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    category: "Roadmap"
-  }
-];
 function CarouselTabsContent({
-  items = defaultItems,
+  items,
   itemsSlot,
   tabsSlot,
   className,
@@ -1186,14 +1130,14 @@ function CarouselTabsContent({
   optixFlowConfig
 }) {
   const [api, setApi] = React4.useState();
-  const [current, setCurrent] = React4.useState(items[0]?.category || "");
+  const [current, setCurrent] = React4.useState(items?.[0]?.category || "");
   const tabRefs = React4.useRef([]);
   const [indicatorStyle, setIndicatorStyle] = React4.useState({
     width: 0,
     left: 0
   });
   React4.useEffect(() => {
-    const currentIndex = items.findIndex((item) => item.category === current);
+    const currentIndex = items?.findIndex((item) => item.category === current) ?? -1;
     const activeTab = tabRefs.current[currentIndex];
     if (activeTab) {
       const { offsetWidth, offsetLeft } = activeTab;
@@ -1207,11 +1151,11 @@ function CarouselTabsContent({
     if (!api) {
       return;
     }
-    const currentIndex = items.findIndex((item) => item.category === current);
+    const currentIndex = items?.findIndex((item) => item.category === current) ?? -1;
     api.scrollTo(currentIndex);
     const onSelect = () => {
       const idx = api.selectedScrollSnap();
-      setCurrent(items[idx].category);
+      setCurrent(items?.[idx]?.category ?? "");
     };
     api.on("select", onSelect);
     return () => {
@@ -1221,7 +1165,7 @@ function CarouselTabsContent({
   const renderTabs = () => {
     if (tabsSlot) return tabsSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative mb-8 flex justify-center", tabsClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-auto gap-6 bg-background", children: [
-      items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+      items?.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           ref: (el) => {

package/dist/carousel-tabs-content.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-tabs-content.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-tabs-content.js

@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
 import useEmblaCarousel from 'embla-carousel-react';
 import { cva } from 'class-variance-authority';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // components/blocks/gallery/carousel-tabs-content.tsx
 function cn(...inputs) {
@@ -1084,64 +1084,8 @@ var Section = React4__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-var defaultItems = [
-  {
-    title: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "bg-linear-to-b from-foreground/20 to-muted-foreground bg-clip-text text-transparent", children: "Explore Our" }),
-      /* @__PURE__ */ jsx("br", {}),
-      "Core Features"
-    ] }),
-    description: /* @__PURE__ */ jsxs(Fragment, { children: [
-      "Dive deep into the robust functionalities designed to streamline your workflow. Benefit from intuitive design, seamless integration, and powerful customization options.",
-      /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsx("br", {}),
-      "Explore how our platform adapts to your evolving needs, ensuring long-term value and efficiency."
-    ] }),
-    note: "Comprehensive documentation and dedicated support channels are available to assist you.",
-    image: "https://toastability-production.s3.amazonaws.com/xlp46pzk3a4d73jgjx4s7xdafwpn",
-    category: "Features"
-  },
-  {
-    title: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "bg-linear-to-b from-foreground/20 to-muted-foreground bg-clip-text text-transparent", children: "Solutions for" }),
-      /* @__PURE__ */ jsx("br", {}),
-      "Every Scenario"
-    ] }),
-    description: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("p", { children: "Discover how our platform addresses diverse challenges across various domains:" }),
-      /* @__PURE__ */ jsxs("ul", { className: "my-4 ml-6 list-disc", children: [
-        /* @__PURE__ */ jsx("li", { children: "Enhancing team collaboration efficiency." }),
-        /* @__PURE__ */ jsx("li", { children: "Optimizing critical resource allocation." }),
-        /* @__PURE__ */ jsx("li", { children: "Streamlining complex data analysis." })
-      ] }),
-      /* @__PURE__ */ jsx("p", { children: "We provide adaptable tools for your unique context." })
-    ] }),
-    note: "Leverage our expertise in integration and custom development for specific needs.",
-    image: "https://toastability-production.s3.amazonaws.com/g1iuifb3yzoofo9c7a00koyn6q1t",
-    category: "Solutions"
-  },
-  {
-    title: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "bg-linear-to-b from-foreground/20 to-muted-foreground bg-clip-text text-transparent", children: "Building the" }),
-      /* @__PURE__ */ jsx("br", {}),
-      "Future Together"
-    ] }),
-    description: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("p", { children: "Get a glimpse into our ongoing commitment to innovation and improvement:" }),
-      /* @__PURE__ */ jsxs("ul", { className: "my-4 ml-6 list-disc", children: [
-        /* @__PURE__ */ jsx("li", { children: "Next-generation user interface design." }),
-        /* @__PURE__ */ jsx("li", { children: "Advanced analytics capabilities rollout." }),
-        /* @__PURE__ */ jsx("li", { children: "Expanded third-party integration ecosystem." })
-      ] }),
-      /* @__PURE__ */ jsx("p", { children: "We're constantly evolving based on user feedback and industry trends." })
-    ] }),
-    note: "Our dedicated R&D team is focused on delivering cutting-edge solutions.",
-    image: "https://toastability-production.s3.amazonaws.com/z9u4sdrj2oq3eds0qyui0nxsus3j",
-    category: "Roadmap"
-  }
-];
 function CarouselTabsContent({
-  items = defaultItems,
+  items,
   itemsSlot,
   tabsSlot,
   className,
@@ -1162,14 +1106,14 @@ function CarouselTabsContent({
   optixFlowConfig
 }) {
   const [api, setApi] = useState();
-  const [current, setCurrent] = useState(items[0]?.category || "");
+  const [current, setCurrent] = useState(items?.[0]?.category || "");
   const tabRefs = useRef([]);
   const [indicatorStyle, setIndicatorStyle] = useState({
     width: 0,
     left: 0
   });
   useEffect(() => {
-    const currentIndex = items.findIndex((item) => item.category === current);
+    const currentIndex = items?.findIndex((item) => item.category === current) ?? -1;
     const activeTab = tabRefs.current[currentIndex];
     if (activeTab) {
       const { offsetWidth, offsetLeft } = activeTab;
@@ -1183,11 +1127,11 @@ function CarouselTabsContent({
     if (!api) {
       return;
     }
-    const currentIndex = items.findIndex((item) => item.category === current);
+    const currentIndex = items?.findIndex((item) => item.category === current) ?? -1;
     api.scrollTo(currentIndex);
     const onSelect = () => {
       const idx = api.selectedScrollSnap();
-      setCurrent(items[idx].category);
+      setCurrent(items?.[idx]?.category ?? "");
     };
     api.on("select", onSelect);
     return () => {
@@ -1197,7 +1141,7 @@ function CarouselTabsContent({
   const renderTabs = () => {
     if (tabsSlot) return tabsSlot;
     return /* @__PURE__ */ jsx("div", { className: cn("relative mb-8 flex justify-center", tabsClassName), children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-auto gap-6 bg-background", children: [
-      items.map((item, idx) => /* @__PURE__ */ jsx(
+      items?.map((item, idx) => /* @__PURE__ */ jsx(
         "button",
         {
           ref: (el) => {

package/dist/case-studies-featured-border.cjs

@@ -555,47 +555,10 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/blockBrandedIconsAndPlaceholders.ts
-var blockBrandedIconsAndPlaceholders = {
-  placeholder1: "https://cdn.ing/assets/files/record/286200/io0rg4wv8jd2o792q4uouxg4d5k8",
-  block1: "https://cdn.ing/assets/files/record/286209/4nowqz6c7v6vhzldvh9qdnhmkrwb",
-  block2: "https://cdn.ing/assets/files/record/286208/nay46vdmppxuznd7eg5jnnf4qjv5",
-  block3: "https://cdn.ing/assets/files/record/286214/pn9v9zz0de8jgz2mf8o1c11k8gxh"};
-var defaultFeaturedCaseStudy = {
-  logo: blockBrandedIconsAndPlaceholders.block1,
-  company: "Acme",
-  tags: "ARTIFICIAL INTELLIGENCE / ENTERPRISE SOLUTIONS",
-  title: "Workflow Automation for the Digital Age.",
-  subtitle: "How to automate your workflow with AI.",
-  image: blockBrandedIconsAndPlaceholders.placeholder1,
-  href: "#",
-  ctaLabel: "Read case study"
-};
-var defaultCaseStudies = [
-  {
-    logo: blockBrandedIconsAndPlaceholders.block2,
-    company: "Super",
-    tags: "DATA MIGRATION / SOFTWARE SOLUTIONS",
-    title: "Enhance data migration with AI.",
-    subtitle: "A data migration platform toward a data-driven future.",
-    href: "#",
-    ctaLabel: "Read case study"
-  },
-  {
-    logo: blockBrandedIconsAndPlaceholders.block3,
-    company: "Advent",
-    tags: "ARTIFICIAL INTELLIGENCE / DATA SOLUTIONS",
-    title: "Strategic AI for a future-proof business.",
-    subtitle: "Mastering AI for more efficient operations.",
-    href: "#",
-    ctaLabel: "Read case study"
-  }
-];
 function CaseStudiesFeaturedBorder({
-  featuredCaseStudy = defaultFeaturedCaseStudy,
+  featuredCaseStudy,
   featuredSlot,
-  caseStudies = defaultCaseStudies,
+  caseStudies,
   caseStudiesSlot,
   className,
   containerClassName,

package/dist/case-studies-featured-border.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-BfXV7q25.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CKmytxru.cjs';
 import 'class-variance-authority/types';
 
 interface CaseStudyFeaturedItem {

package/dist/case-studies-featured-border.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-BYytGxbF.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CKmytxru.js';
 import 'class-variance-authority/types';
 
 interface CaseStudyFeaturedItem {