@opensite/ui 0.3.3 → 0.4.0

package/dist/carousel-gradient-overlay.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,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,
@@ -1206,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

@@ -1044,6 +1044,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",
@@ -1107,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,
@@ -1226,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(
@@ -1241,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-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-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-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-gradient-text.js

@@ -1020,6 +1020,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",
@@ -1083,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,
@@ -1202,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(
@@ -1217,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

@@ -1044,6 +1044,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",
@@ -1107,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,
@@ -1163,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-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-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-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-icon-sidebar.js

@@ -1020,6 +1020,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",
@@ -1083,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,
@@ -1139,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

@@ -1077,6 +1077,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",
@@ -1140,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,
@@ -1279,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-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-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-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-icon-tabs.js

@@ -1053,6 +1053,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",
@@ -1116,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,
@@ -1255,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

@@ -1044,6 +1044,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",
@@ -1107,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-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-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-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-scale-focus.js

@@ -1020,6 +1020,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",
@@ -1083,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,