@opensite/ui 0.3.0 → 0.3.1

package/dist/registry.js

@@ -24,6 +24,7 @@ import AutoScroll3 from 'embla-carousel-auto-scroll';
 import { Lightbox } from '@page-speed/lightbox';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import { format } from 'date-fns';
+import { AnimatePresence as AnimatePresence$1, motion as motion$1 } from 'motion/react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
@@ -16264,7 +16265,7 @@ function CarouselAnimatedSections({
       clearTimeout(timeout);
     };
   }, [goToNext, goToPrev]);
-  const slideVariants = {
+  const slideVariants2 = {
     enter: (direction2) => ({
       y: direction2 > 0 ? "100%" : "-100%",
       opacity: 0
@@ -16311,7 +16312,7 @@ function CarouselAnimatedSections({
           motion.div,
           {
             custom: direction,
-            variants: slideVariants,
+            variants: slideVariants2,
             initial: "enter",
             animate: "center",
             exit: "exit",
@@ -17607,7 +17608,7 @@ function CarouselMultiStepShowcase({
       );
     });
   };
-  const slideVariants = {
+  const slideVariants2 = {
     enter: (direction2) => ({
       x: direction2 > 0 ? 100 : -100,
       opacity: 0,
@@ -17670,7 +17671,7 @@ function CarouselMultiStepShowcase({
         motion.div,
         {
           custom: direction,
-          variants: slideVariants,
+          variants: slideVariants2,
           initial: "enter",
           animate: "center",
           exit: "exit",
@@ -17925,7 +17926,7 @@ function CarouselProductFeatureShowcase({
     setActiveIndex(index);
     setActiveColorIndex(0);
   };
-  const slideVariants = {
+  const slideVariants2 = {
     enter: (direction2) => ({
       x: direction2 > 0 ? 300 : -300,
       opacity: 0
@@ -17972,7 +17973,7 @@ function CarouselProductFeatureShowcase({
           motion.div,
           {
             custom: direction,
-            variants: slideVariants,
+            variants: slideVariants2,
             initial: "enter",
             animate: "center",
             exit: "exit",
@@ -44466,7 +44467,327 @@ function HeroImageLeftContent({
     ] })
   ] }) }) });
 }
+var slideVariants = {
+  initial: {
+    scale: 0.98,
+    opacity: 0,
+    rotateX: 12
+  },
+  visible: {
+    scale: 1,
+    rotateX: 0,
+    opacity: 1,
+    transition: {
+      duration: 0.55,
+      ease: [0.645, 0.045, 0.355, 1]
+    }
+  },
+  upExit: {
+    opacity: 0.8,
+    y: "-120%",
+    transition: {
+      duration: 0.8
+    }
+  },
+  downExit: {
+    opacity: 0.8,
+    y: "120%",
+    transition: {
+      duration: 0.8
+    }
+  }
+};
+var normalizeIndex = (index, length) => {
+  if (!length) return 0;
+  const safeIndex = index % length;
+  return safeIndex < 0 ? safeIndex + length : safeIndex;
+};
+var ImageSlider = ({
+  images,
+  children,
+  overlay = true,
+  overlaySlot,
+  overlayClassName,
+  className,
+  imageClassName,
+  contentClassName,
+  autoplay = true,
+  autoplayIntervalMs = 6e3,
+  direction = "up",
+  startIndex = 0,
+  enableKeyboard = true,
+  onSlideChange,
+  optixFlowConfig
+}) => {
+  const hasImages = images.length > 0;
+  const [currentIndex, setCurrentIndex] = React11.useState(
+    () => normalizeIndex(startIndex, images.length)
+  );
+  const handleNext = React11.useCallback(() => {
+    if (!hasImages) return;
+    setCurrentIndex((prevIndex) => {
+      const nextIndex = prevIndex + 1 >= images.length ? 0 : prevIndex + 1;
+      onSlideChange?.(nextIndex);
+      return nextIndex;
+    });
+  }, [hasImages, images.length, onSlideChange]);
+  const handlePrevious = React11.useCallback(() => {
+    if (!hasImages) return;
+    setCurrentIndex((prevIndex) => {
+      const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
+      onSlideChange?.(nextIndex);
+      return nextIndex;
+    });
+  }, [hasImages, images.length, onSlideChange]);
+  React11.useEffect(() => {
+    if (!hasImages) return;
+    setCurrentIndex(normalizeIndex(startIndex, images.length));
+  }, [startIndex, images.length, hasImages]);
+  React11.useEffect(() => {
+    if (!enableKeyboard || !hasImages) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "ArrowRight") {
+        handleNext();
+      } else if (event.key === "ArrowLeft") {
+        handlePrevious();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [enableKeyboard, handleNext, handlePrevious, hasImages]);
+  React11.useEffect(() => {
+    if (!autoplay || images.length < 2) return;
+    const interval = window.setInterval(handleNext, autoplayIntervalMs);
+    return () => window.clearInterval(interval);
+  }, [autoplay, autoplayIntervalMs, handleNext, images.length]);
+  const activeImage = hasImages ? images[currentIndex] : null;
+  const overlayContent = overlaySlot ? /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 z-10", overlayClassName), children: overlaySlot }) : overlay ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "absolute inset-0 z-10 bg-linear-to-b from-black/35 via-black/50 to-black/70",
+        overlayClassName
+      )
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex min-h-[420px] w-full items-center justify-center overflow-hidden rounded-3xl border border-border/40 bg-muted/30 shadow-2xl",
+        className
+      ),
+      style: {
+        perspective: "1000px"
+      },
+      children: [
+        /* @__PURE__ */ jsx(AnimatePresence$1, { mode: "wait", initial: false, children: activeImage ? /* @__PURE__ */ jsx(
+          motion$1.div,
+          {
+            initial: "initial",
+            animate: "visible",
+            exit: direction === "up" ? "upExit" : "downExit",
+            variants: slideVariants,
+            className: "absolute inset-0",
+            children: /* @__PURE__ */ jsx(
+              Img,
+              {
+                src: activeImage.src,
+                mediaId: activeImage.mediaId,
+                alt: activeImage.alt,
+                className: cn(
+                  "h-full w-full object-cover object-center",
+                  imageClassName,
+                  activeImage.className
+                ),
+                optixFlowConfig: activeImage.optixFlowConfig ?? optixFlowConfig,
+                eager: true
+              }
+            )
+          },
+          `${currentIndex}-${activeImage.src ?? activeImage.mediaId ?? "image"}`
+        ) : null }),
+        overlayContent,
+        children ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative z-20 flex w-full flex-col items-center justify-center px-6 py-12 text-center text-white md:px-12",
+              contentClassName
+            ),
+            children
+          }
+        ) : null
+      ]
+    }
+  );
+};
+var defaultImages9 = [
+  {
+    src: imagePlaceholders[12],
+    alt: "Workspace with collaboration tools"
+  },
+  {
+    src: imagePlaceholders[28],
+    alt: "Team reviewing design boards"
+  },
+  {
+    src: imagePlaceholders[43],
+    alt: "Creative studio lighting and gear"
+  }
+];
 var defaultActions48 = [
+  {
+    label: "Start a demo",
+    href: "#",
+    variant: "default",
+    size: "lg",
+    className: "w-full sm:w-auto"
+  },
+  {
+    label: "View case studies",
+    href: "#",
+    variant: "outline",
+    size: "lg",
+    className: "w-full sm:w-auto",
+    iconAfter: /* @__PURE__ */ jsx(
+      DynamicIcon,
+      {
+        name: "lucide/arrow-right",
+        size: 16,
+        className: "ml-2"
+      }
+    )
+  }
+];
+function HeroImageSlider({
+  eyebrow = "Customer stories in motion",
+  heading = "A hero slider that keeps your message front and center",
+  description = "Rotate high-impact visuals while maintaining a clear narrative and call to action for every audience.",
+  actions = defaultActions48,
+  actionsSlot,
+  contentSlot,
+  images = defaultImages9,
+  autoplay = true,
+  autoplayIntervalMs = 6e3,
+  direction = "up",
+  overlay = true,
+  overlaySlot,
+  background = "dark",
+  verticalSpacing = "lg",
+  className,
+  sliderClassName,
+  contentClassName,
+  eyebrowClassName,
+  headingClassName,
+  descriptionClassName,
+  actionsClassName,
+  imageClassName,
+  overlayClassName,
+  optixFlowConfig
+}) {
+  const renderActions = () => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        asButton,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          asButton: asButton ?? true,
+          className: actionClassName,
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            icon,
+            label,
+            iconAfter
+          ] })
+        },
+        index
+      );
+    });
+  };
+  const renderContent = () => {
+    if (contentSlot) return contentSlot;
+    return /* @__PURE__ */ jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center", contentClassName), children: [
+      eyebrow ? typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "text-xs font-semibold uppercase tracking-[0.3em] text-primary-foreground/80",
+            eyebrowClassName
+          ),
+          children: eyebrow
+        }
+      ) : eyebrow : null,
+      heading ? typeof heading === "string" ? /* @__PURE__ */ jsx(
+        "h1",
+        {
+          className: cn(
+            "mt-5 text-4xl font-semibold tracking-tight text-balance md:text-6xl",
+            headingClassName
+          ),
+          children: heading
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : null,
+      description ? typeof description === "string" ? /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "mt-6 text-base text-primary-foreground/80 md:text-lg",
+            descriptionClassName
+          ),
+          children: description
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }) : null,
+      actionsSlot || actions && actions.length > 0 ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "mt-8 flex w-full flex-col items-center justify-center gap-3 sm:flex-row",
+            actionsClassName
+          ),
+          children: renderActions()
+        }
+      ) : null
+    ] });
+  };
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      background,
+      spacing: verticalSpacing,
+      className: cn("overflow-hidden", className),
+      children: /* @__PURE__ */ jsx(
+        ImageSlider,
+        {
+          images: images.length ? images : defaultImages9,
+          autoplay,
+          autoplayIntervalMs,
+          direction,
+          overlay,
+          overlaySlot,
+          overlayClassName,
+          className: cn("min-h-[520px] md:min-h-[680px]", sliderClassName),
+          imageClassName: cn("scale-[1.02]", imageClassName),
+          optixFlowConfig,
+          children: renderContent()
+        }
+      )
+    }
+  );
+}
+var defaultActions49 = [
   {
     label: "Get started now",
     href: "#",
@@ -44499,7 +44820,7 @@ var defaultLogos2 = [
 function HeroCenteredImageGrid({
   heading = "Build your next project with Blocks",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur. Explicabo.",
-  actions = defaultActions48,
+  actions = defaultActions49,
   actionsSlot,
   gridImages = defaultGridImages,
   gridImagesSlot,
@@ -44605,7 +44926,7 @@ function HeroCenteredImageGrid({
     (logosSlot || logos && logos.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mx-auto mt-12 grid max-w-7xl grid-cols-2 place-items-center gap-6 md:grid-cols-4", logosClassName), children: renderLogos() })
   ] }) });
 }
-var defaultActions49 = [
+var defaultActions50 = [
   {
     label: "Get started now",
     href: "#",
@@ -44622,7 +44943,7 @@ var defaultActions49 = [
 function HeroCenteredScreenshot({
   heading = "Build faster with Opensite AI",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur. Explicabo.",
-  actions = defaultActions49,
+  actions = defaultActions50,
   actionsSlot,
   imageSrc = imagePlaceholders[4],
   imageAlt = "placeholder",
@@ -44673,7 +44994,7 @@ function HeroCenteredScreenshot({
     )
   ] }) }) });
 }
-var defaultActions50 = [
+var defaultActions51 = [
   { label: "Get Started", href: "#", variant: "default" },
   { label: "Learn More", href: "#", variant: "outline" }
 ];
@@ -44686,7 +45007,7 @@ function HeroPatternBadgeLogos({
   badge = /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "transition-colors hover:bg-secondary/20", children: "New Release" }),
   heading = "This is a heading for your new project",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur.",
-  actions = defaultActions50,
+  actions = defaultActions51,
   actionsSlot,
   logos = defaultLogos3,
   logosSlot,
@@ -44873,7 +45194,7 @@ var defaultLogo3 = {
   alt: "logo",
   imgClassName: "h-16"
 };
-var defaultActions51 = [
+var defaultActions52 = [
   {
     label: "Get Started",
     href: "#",
@@ -44900,7 +45221,7 @@ function HeroPatternLogoTechStack({
   heading = "Build your next project with",
   highlightedWord = "Blocks",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur. Explicabo.",
-  actions = defaultActions51,
+  actions = defaultActions52,
   actionsSlot,
   techStackLabel = "Built with open-source technologies",
   techLogos = defaultTechLogos,
@@ -45004,7 +45325,7 @@ function HeroPatternLogoTechStack({
     ] }) }) })
   ] });
 }
-var defaultActions52 = [
+var defaultActions53 = [
   {
     label: "Get a demo",
     href: "#",
@@ -45026,7 +45347,7 @@ function HeroAnnouncementBadge({
   badgeIcon = /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/bell", size: 16 }),
   heading = "Streamline your workflow experience.",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum dolor assumenda voluptatem nemo magni a maiores aspernatur.",
-  actions = defaultActions52,
+  actions = defaultActions53,
   actionsSlot,
   className,
   containerClassName,
@@ -45215,14 +45536,14 @@ function HeroTechCarousel({
     renderCarousel()
   ] }) });
 }
-var defaultActions53 = [
+var defaultActions54 = [
   { label: "Primary", href: "#", variant: "default" },
   { label: "Secondary", href: "#", variant: "outline" }
 ];
 function HeroSimpleCenteredImage({
   heading = "Welcome to Our Website",
   description = "Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur.",
-  actions = defaultActions53,
+  actions = defaultActions54,
   actionsSlot,
   imageSrc = imagePlaceholders[6],
   imageAlt = "placeholder hero",
@@ -45368,7 +45689,7 @@ function HeroPlatformFeaturesGrid({
     renderFeatures()
   ] }) });
 }
-var defaultActions54 = [
+var defaultActions55 = [
   {
     label: "Primary",
     href: "#",
@@ -45387,7 +45708,7 @@ function HeroSpiralPatternCards({
   badgeText = "New Release",
   heading = "Welcome to Our Website",
   description = "Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur.",
-  actions = defaultActions54,
+  actions = defaultActions55,
   actionsSlot,
   className,
   containerClassName,
@@ -45454,7 +45775,7 @@ function HeroSpiralPatternCards({
     ] }) })
   ] });
 }
-var defaultActions55 = [
+var defaultActions56 = [
   {
     label: "Primary",
     href: "#",
@@ -45473,7 +45794,7 @@ function HeroSplitSpiralShapes({
   badgeText = "New Release",
   heading = "Welcome to Our Website",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur. Explicabo.",
-  actions = defaultActions55,
+  actions = defaultActions56,
   actionsSlot,
   shapesSlot,
   className,
@@ -45545,7 +45866,7 @@ function HeroSplitSpiralShapes({
     renderShapes()
   ] }) }) });
 }
-var defaultActions56 = [
+var defaultActions57 = [
   {
     label: "Primary",
     href: "#",
@@ -45558,7 +45879,7 @@ function HeroSplitGeometricShapes({
   badgeText = "New Release",
   heading = "Welcome to Our Website",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Elig doloremque mollitia fugiat omnis! Porro facilis quo animi consequatur. Explicabo.",
-  actions = defaultActions56,
+  actions = defaultActions57,
   actionsSlot,
   shapesSlot,
   className,
@@ -45606,7 +45927,7 @@ function HeroSplitGeometricShapes({
     renderShapes()
   ] }) }) }) });
 }
-var defaultActions57 = [
+var defaultActions58 = [
   {
     label: "Get started for free",
     href: "#",
@@ -45643,7 +45964,7 @@ function HeroCommunitySurveyCta({
   announcementSlot,
   heading = "Community & business data, centralized",
   description = "Showcase the value of your community to the business. Talkbase sets the stage for successful cross-collaboration among community teams working with customer, marketing, sales, and product development.",
-  actions = defaultActions57,
+  actions = defaultActions58,
   actionsSlot,
   mainImage = defaultMainImage,
   leftOverlayImage = defaultLeftOverlayImage,
@@ -45745,7 +46066,7 @@ var defaultAction5 = {
   href: "#",
   variant: "default"
 };
-var defaultImages9 = [
+var defaultImages10 = [
   { src: imagePlaceholders[10], alt: "placeholder", className: "relative left-1/2 mx-auto max-h-[480px] w-full rounded-xl object-cover shadow-md lg:static lg:max-w-[60vw] xl:max-w-3xl" },
   { src: imagePlaceholders[11], alt: "placeholder", className: "absolute top-0 right-20 -z-10 hidden max-h-60 -rotate-12 rounded-xl object-cover shadow-md lg:block" },
   { src: imagePlaceholders[12], alt: "placeholder", className: "absolute right-20 bottom-0 hidden rotate-12 rounded-xl object-cover shadow-md md:max-h-60 lg:block" },
@@ -45760,7 +46081,7 @@ function HeroMarketplaceScatteredImages({
   tagline = "Global Partnerships and Innovation",
   taglineIcon = "lucide/globe",
   taglineSlot,
-  images = defaultImages9,
+  images = defaultImages10,
   imagesSlot,
   showGridPattern = true,
   className,
@@ -45812,7 +46133,7 @@ function HeroMarketplaceScatteredImages({
     renderImages()
   ] }) });
 }
-var defaultActions58 = [
+var defaultActions59 = [
   {
     label: "Get started - it's free",
     href: "#",
@@ -45831,7 +46152,7 @@ function HeroBadgeShadowOverlay({
   announcementText = "Slack integration is here!",
   announcementHref = "#",
   heading = "Manage design work right from the canvas",
-  actions = defaultActions58,
+  actions = defaultActions59,
   actionsSlot,
   backgroundImageUrl = "https://deifkwefumgah.cloudfront.net/shadcnblocks/block/shadow-overlay.png",
   className,
@@ -45887,7 +46208,7 @@ function HeroBadgeShadowOverlay({
     )
   ] });
 }
-var defaultActions59 = [
+var defaultActions60 = [
   {
     label: "Enroll in Beta",
     href: "#",
@@ -45905,7 +46226,7 @@ function HeroVideoBackgroundDark({
   badgeText = "BETA RELEASE AVAILABLE",
   heading = "Unveiling MyBusiness Edition 1",
   description = "Tailor and oversee any creative process from start to finish with unprecedented speed and efficiency.",
-  actions = defaultActions59,
+  actions = defaultActions60,
   actionsSlot,
   videoSrc = videoPlaceholders[0],
   videoSlot,
@@ -46009,7 +46330,7 @@ function HeroGridPatternEfficiency({
     ] })
   ] }) }) });
 }
-var defaultActions60 = [
+var defaultActions61 = [
   {
     label: "Start your free trial",
     href: "#",
@@ -46031,7 +46352,7 @@ function HeroDashedBorderFeatures({
   announcementSlot,
   heading = "Fast websites for startups",
   description = "We craft powerful websites to accelerate your startup's growth.",
-  actions = defaultActions60,
+  actions = defaultActions61,
   actionsSlot,
   demoAvatarSrc = imagePlaceholders[15],
   features = defaultFeatures20,
@@ -46299,7 +46620,7 @@ function HeroDesignCarouselPortfolio({
     actionsSlot || renderSecondaryAction()
   ] });
 }
-var defaultActions61 = [
+var defaultActions62 = [
   {
     label: "Meet Us",
     href: "#",
@@ -46320,7 +46641,7 @@ var defaultImage2 = {
 function HeroGradientClientFocused({
   heading = "Stay front and center with your clients.",
   description = "We enhance client relationships by providing personalized solutions, fostering trust, and driving growth.",
-  actions = defaultActions61,
+  actions = defaultActions62,
   actionsSlot,
   image = defaultImage2,
   imageSlot,
@@ -46479,7 +46800,7 @@ var defaultImage4 = {
   src: imagePlaceholders[32],
   alt: ""
 };
-var defaultActions62 = [
+var defaultActions63 = [
   {
     label: "Download Now",
     href: "#",
@@ -46492,7 +46813,7 @@ function HeroUiLibraryShowcase({
   logoSlot,
   heading = "The continuously growing UI library for Opensite AI",
   description,
-  actions = defaultActions62,
+  actions = defaultActions63,
   actionsSlot,
   image = defaultImage4,
   imageSlot,
@@ -46572,7 +46893,7 @@ function HeroUiLibraryShowcase({
     }
   );
 }
-var defaultActions63 = [
+var defaultActions64 = [
   {
     label: "See all photos",
     href: "#",
@@ -46583,7 +46904,7 @@ var defaultActions63 = [
 function HeroFullscreenBackgroundImage({
   heading = "Explore the wonders of science.",
   description = "From stunning skyscrapers to intricate bridges and innovative architectural marvels, each photo invites you to explore the artificial wonders of the world.",
-  actions = defaultActions63,
+  actions = defaultActions64,
   actionsSlot,
   backgroundImage = imagePlaceholders[33],
   noiseOverlayUrl = "https://cdn.ing/assets/i/r/286188/zrqcp9hynh3j7p2laihwzfbujgrl/noise.png",
@@ -46717,7 +47038,7 @@ function HeroFullscreenLogoCta({
     }
   );
 }
-var defaultActions64 = [
+var defaultActions65 = [
   {
     label: "Browse Components",
     href: "#",
@@ -46740,7 +47061,7 @@ var defaultAvatars2 = [
   { src: imagePlaceholders[38], alt: "Avatar 4" },
   { src: imagePlaceholders[39], alt: "Avatar 5" }
 ];
-var defaultImages10 = [
+var defaultImages11 = [
   { src: imagePlaceholders[40], alt: "UI Components Preview" },
   { src: imagePlaceholders[41], alt: "Component Examples" }
 ];
@@ -46751,14 +47072,14 @@ function HeroGradientAvatarsRating({
   heading = "Beautiful UI",
   headingSubtitle = "Made Simple",
   description = "Build stunning web applications faster with our premium collection of ready-to-use UI components. Perfect for developers and designers.",
-  actions = defaultActions64,
+  actions = defaultActions65,
   actionsSlot,
   avatars = defaultAvatars2,
   avatarsSlot,
   ratingValue = "5.0",
   ratingLabel = "1000+ happy developers",
   starCount = 5,
-  images = defaultImages10,
+  images = defaultImages11,
   imagesSlot,
   className,
   containerClassName,
@@ -46878,7 +47199,7 @@ function HeroGradientAvatarsRating({
     ] }) })
   ] });
 }
-var defaultImages11 = [
+var defaultImages12 = [
   { src: imagePlaceholders[42], alt: "" },
   { src: imagePlaceholders[43], alt: "" }
 ];
@@ -46886,7 +47207,7 @@ function HeroTaskTimerAnimated({
   heading = "A simple task timer to power your goals",
   actions,
   actionsSlot,
-  images = defaultImages11,
+  images = defaultImages12,
   imagesSlot,
   className,
   headerClassName,
@@ -46894,7 +47215,7 @@ function HeroTaskTimerAnimated({
   imagesClassName,
   optixFlowConfig
 }) {
-  const defaultActions110 = [
+  const defaultActions111 = [
     {
       label: "Download for Mac",
       href: "#",
@@ -46912,7 +47233,7 @@ function HeroTaskTimerAnimated({
   ];
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
-    const actionsToRender = actions || defaultActions110;
+    const actionsToRender = actions || defaultActions111;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start gap-4 sm:flex-row sm:items-center", children: actionsToRender.map((action, index) => {
       const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
       const isPrimaryAction = index === 0 && !actions;
@@ -46989,7 +47310,7 @@ function HeroTaskTimerAnimated({
     }
   );
 }
-var defaultActions65 = [
+var defaultActions66 = [
   {
     label: "Start for Free",
     href: "#",
@@ -47034,7 +47355,7 @@ function HeroAiPoweredCarousel({
   badgeTagline = "Solutions for new businesses",
   heading = "Revolutionizing Client Collaboration for Modern Services",
   description = "Elevate your service-based business with customizable client portals and advanced back-office management",
-  actions = defaultActions65,
+  actions = defaultActions66,
   actionsSlot,
   mobileCarouselImages1 = defaultMobileCarouselImages1,
   mobileCarouselImages2 = defaultMobileCarouselImages2,
@@ -47321,7 +47642,7 @@ function HeroAdaptableProductGrid({
     ] })
   ] }) });
 }
-var defaultActions66 = [
+var defaultActions67 = [
   {
     label: "Try it firsthand \u2192",
     href: "#",
@@ -47339,7 +47660,7 @@ function HeroPresentationPlatformVideo({
   subtitle = "Virtual Engagement Maximized & AI-Powered Content Transformation",
   heading = "Presentation Platform for Marketing Professionals",
   description = "Effortlessly Create, Deliver, and Reimagine All-Hands Corporate Meetings",
-  actions = defaultActions66,
+  actions = defaultActions67,
   actionsSlot,
   videoSrc = videoPlaceholders[0],
   videoSlot,
@@ -47404,7 +47725,7 @@ function HeroPresentationPlatformVideo({
     }
   );
 }
-var defaultActions67 = [
+var defaultActions68 = [
   {
     label: "Get Started",
     href: "#",
@@ -47418,7 +47739,7 @@ var defaultActions67 = [
     iconAfter: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16, className: "ml-2" })
   }
 ];
-var defaultImages12 = [
+var defaultImages13 = [
   { src: imagePlaceholders[61], alt: "placeholder", className: "md:col-span-3" },
   { src: imagePlaceholders[62], alt: "placeholder", className: "md:col-span-2" },
   { src: imagePlaceholders[63], alt: "placeholder", className: "md:col-span-5" }
@@ -47429,9 +47750,9 @@ function HeroGridPatternSolutions({
   badgeSlot,
   heading = "Create effective solutions for diverse needs.",
   description = "Access all necessary resources for managing tasks and enhancing efficiency. Additionally, scale your capabilities across various projects.",
-  actions = defaultActions67,
+  actions = defaultActions68,
   actionsSlot,
-  images = defaultImages12,
+  images = defaultImages13,
   imagesSlot,
   showGridPattern = true,
   className,
@@ -47569,7 +47890,7 @@ function HeroCrmStreamlined({
     ] }) })
   ] }) }) });
 }
-var defaultActions68 = [
+var defaultActions69 = [
   {
     label: "Get a Demo",
     href: "#",
@@ -47610,7 +47931,7 @@ var defaultLogos4 = [
 function HeroBillingPlatformLogos({
   heading = "Anticipate greater value from your billing",
   description = "Our service is a usage-based billing platform designed to accelerate your product launches. Effortlessly shape your pricing today and refine it with confidence tomorrow.",
-  actions = defaultActions68,
+  actions = defaultActions69,
   actionsSlot,
   mainImage = defaultMainImage2,
   overlayImages = defaultOverlayImages,
@@ -47902,7 +48223,7 @@ function HeroSoftwareGrowthVideoDialog({
       setIsVideoOpen(true);
     }
   };
-  const defaultActions110 = [
+  const defaultActions111 = [
     {
       label: "See How it Works",
       href: "#",
@@ -47920,7 +48241,7 @@ function HeroSoftwareGrowthVideoDialog({
   ];
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
-    const actionsToRender = actions || defaultActions110;
+    const actionsToRender = actions || defaultActions111;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center gap-3 md:flex-row", children: actionsToRender.map((action, index) => {
       const { label, icon, iconAfter, children, className: actionClassName, onClick, ...pressableProps } = action;
       const isVideoButton = index === 0 && !actions;
@@ -48137,7 +48458,7 @@ function HeroConversionVideoPlay({
     ] }) })
   ] });
 }
-var defaultActions69 = [
+var defaultActions70 = [
   {
     label: "Join for free",
     href: "#",
@@ -48173,7 +48494,7 @@ var defaultShowcaseImage = {
 function HeroDesignShowcaseLogos({
   heading = "Unveil great design from the real world.",
   description = "Showcasing more than 500,000 screens and 2,000 iOS, Android, and Web apps \u2014 fresh content added every week.",
-  actions = defaultActions69,
+  actions = defaultActions70,
   actionsSlot,
   logosLabel = "Trusted by design teams at",
   logos = defaultLogos6,
@@ -48338,7 +48659,7 @@ function HeroVideoOverlayStars({
     }
   );
 }
-var defaultActions70 = [
+var defaultActions71 = [
   {
     label: "Download for Mac",
     href: "#",
@@ -48367,7 +48688,7 @@ var defaultSecondaryCta = {
 function HeroProductivityLauncherVideo({
   heading = "Your fast track to everything.",
   description = "A suite of robust productivity tools packed into an adaptable launcher\u2014quick, intuitive, and dependable.",
-  actions = defaultActions70,
+  actions = defaultActions71,
   actionsSlot,
   versionInfo = defaultVersionInfo,
   versionInfoSlot,
@@ -48481,7 +48802,7 @@ var defaultAnimatedTexts = [
   "Cloud security engineers",
   "Application Security Engineers"
 ];
-var defaultActions71 = [
+var defaultActions72 = [
   {
     label: "Join our network",
     href: "#",
@@ -48507,7 +48828,7 @@ function HeroHiringAnimatedText({
   animatedTexts = defaultAnimatedTexts,
   headingSlot,
   description = "Discover exceptional talent, fast.",
-  actions = defaultActions71,
+  actions = defaultActions72,
   actionsSlot,
   scrollAction = defaultScrollAction,
   scrollActionSlot,
@@ -48680,7 +49001,7 @@ function HeroSplitImageNewsletter({
     }
   );
 }
-var defaultActions72 = [
+var defaultActions73 = [
   {
     label: "Get started free",
     href: "#",
@@ -48709,7 +49030,7 @@ function HeroCenteredGradientCta({
   heading,
   headingHighlight = "extraordinary",
   description = "Create stunning applications with our powerful platform. Ship faster, scale effortlessly, and delight your users.",
-  actions = defaultActions72,
+  actions = defaultActions73,
   actionsSlot,
   features = defaultFeatures22,
   featuresSlot,
@@ -48779,7 +49100,7 @@ function HeroCenteredGradientCta({
     }
   );
 }
-var defaultActions73 = [
+var defaultActions74 = [
   {
     label: "Start building",
     href: "#",
@@ -48809,7 +49130,7 @@ function HeroStatsSocialProof({
   badgeIcon = /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/trending-up", size: 16 }),
   heading = "Trusted by thousands of teams worldwide",
   description = "Join the companies that are already using our platform to build better products and deliver exceptional experiences.",
-  actions = defaultActions73,
+  actions = defaultActions74,
   actionsSlot,
   stats = defaultStats9,
   statsSlot,
@@ -48893,7 +49214,7 @@ function HeroStatsSocialProof({
     ] })
   ] }) }) });
 }
-var defaultActions74 = [
+var defaultActions75 = [
   {
     label: "Get started",
     href: "#",
@@ -48933,7 +49254,7 @@ var defaultFeatures23 = [
 function HeroFeatureCardsGrid({
   heading = "Everything you need to build modern apps",
   description = "A complete platform with all the tools and features you need to create, deploy, and scale your applications.",
-  actions = defaultActions74,
+  actions = defaultActions75,
   actionsSlot,
   features = defaultFeatures23,
   featuresSlot,
@@ -49113,7 +49434,7 @@ function HeroTestimonialImageGrid({
     renderImagesGrid()
   ] }) }) });
 }
-var defaultActions75 = [
+var defaultActions76 = [
   {
     label: "Preview",
     href: "#",
@@ -49127,7 +49448,7 @@ var defaultActions75 = [
     className: "group flex h-fit min-w-45 flex-1 items-center justify-center gap-1 rounded-[5rem] border-2 border-primary bg-primary px-4 py-3 text-base font-semibold text-nowrap text-white md:min-w-fit md:flex-none"
   }
 ];
-var defaultImages13 = [
+var defaultImages14 = [
   { src: imagePlaceholders[94], alt: "" },
   { src: imagePlaceholders[95], alt: "" },
   { src: imagePlaceholders[96], alt: "" }
@@ -49137,10 +49458,10 @@ function HeroDesignSystem3d({
   trustBadgeSlot,
   heading = "Design system that delivers",
   description = "Create, prototype, and personalize any design\u2014clean and effortless, in just minutes.",
-  actions = defaultActions75,
+  actions = defaultActions76,
   actionsSlot,
   logoMarkSrc = logoPlaceholders.logoMark,
-  images = defaultImages13,
+  images = defaultImages14,
   imagesSlot,
   className,
   containerClassName,
@@ -49330,7 +49651,7 @@ var defaultAction14 = {
   variant: "default",
   className: "group flex h-fit w-fit items-center gap-2 rounded-full px-8 py-3"
 };
-var defaultImages14 = [
+var defaultImages15 = [
   { src: imagePlaceholders[98], alt: "" },
   { src: imagePlaceholders[99], alt: "" },
   { src: imagePlaceholders[100], alt: "" }
@@ -49340,7 +49661,7 @@ function HeroInnovationImageGrid({
   description = "Be part of our journey to innovate and develop solutions that enrich lives and fuel progress.",
   action = defaultAction14,
   actionSlot,
-  images = defaultImages14,
+  images = defaultImages15,
   imagesSlot,
   className,
   containerClassName,
@@ -49431,7 +49752,7 @@ function HeroVideoDialogGradient({
   optixFlowConfig
 }) {
   const [isVideoOpen, setIsVideoOpen] = useState(false);
-  const defaultActions110 = [
+  const defaultActions111 = [
     {
       label: "Start free trial",
       href: "#",
@@ -49452,7 +49773,7 @@ function HeroVideoDialogGradient({
   ];
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
-    const actionsToRender = actions || defaultActions110;
+    const actionsToRender = actions || defaultActions111;
     return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-4 sm:flex-row", children: actionsToRender.map((action, index) => {
       const { label, icon, iconAfter, children, className: actionClassName, onClick, ...pressableProps } = action;
       return /* @__PURE__ */ jsx(
@@ -49528,7 +49849,7 @@ function HeroVideoDialogGradient({
     ] }) })
   ] });
 }
-var defaultActions76 = [
+var defaultActions77 = [
   {
     label: "Get early access",
     href: "#",
@@ -49556,7 +49877,7 @@ function HeroMinimalCenteredDark({
   heading,
   headingHighlight = "collaboration",
   description = "Work together seamlessly with your team. Real-time editing, intelligent suggestions, and powerful integrations.",
-  actions = defaultActions76,
+  actions = defaultActions77,
   actionsSlot,
   stats = defaultStats10,
   statsSlot,
@@ -49631,7 +49952,7 @@ var defaultProductImage = {
   src: imagePlaceholders[102],
   alt: "Product interface"
 };
-var defaultActions77 = [
+var defaultActions78 = [
   {
     label: "Start building",
     href: "#",
@@ -49667,7 +49988,7 @@ function HeroProductShowcaseFloating({
   badgeSlot,
   heading = "Ship products your customers will love",
   description = "From idea to launch in record time. Our platform gives you everything you need to build, test, and deploy amazing products.",
-  actions = defaultActions77,
+  actions = defaultActions78,
   actionsSlot,
   productImage = defaultProductImage,
   productImageSlot,
@@ -49878,7 +50199,7 @@ function HeroSaasDashboardPreview({
     renderBrowserPreview()
   ] }) });
 }
-var defaultImages15 = [
+var defaultImages16 = [
   { src: imagePlaceholders[107], alt: "" },
   { src: imagePlaceholders[108], alt: "" },
   { src: imagePlaceholders[110], alt: "" }
@@ -49888,7 +50209,7 @@ var defaultTestimonial2 = {
   author: "John Doe",
   avatar: { src: imagePlaceholders[109], alt: "" }
 };
-var defaultActions78 = [
+var defaultActions79 = [
   {
     label: "Book a consultation",
     href: "#",
@@ -49899,9 +50220,9 @@ var defaultActions78 = [
 function HeroTherapyTestimonialGrid({
   heading = "Compassionate Care for Your Mental Wellness Journey",
   description = "Our team of experienced therapists is dedicated to helping you navigate life's challenges with personalized support.",
-  actions = defaultActions78,
+  actions = defaultActions79,
   actionsSlot,
-  images = defaultImages15,
+  images = defaultImages16,
   imagesSlot,
   testimonial = defaultTestimonial2,
   testimonialSlot,
@@ -50228,7 +50549,7 @@ function HeroMentorshipVideoSplit({
     ] }) })
   ] });
 }
-var defaultImages16 = [
+var defaultImages17 = [
   { src: imagePlaceholders[117], alt: "" },
   { src: imagePlaceholders[118], alt: "" },
   { src: imagePlaceholders[119], alt: "" }
@@ -50236,7 +50557,7 @@ var defaultImages16 = [
 function HeroBusinessOperationsMosaic({
   heading = "Revolutionize your business operations",
   subheading = "The ultimate platform to unlock your agency's capabilities.",
-  images = defaultImages16,
+  images = defaultImages17,
   imagesSlot,
   className,
   containerClassName,
@@ -50292,7 +50613,7 @@ var defaultAction16 = {
   variant: "default",
   className: "block h-fit w-fit rounded-lg px-7 py-3.5 text-lg font-medium transition-all duration-300 hover:-translate-y-1"
 };
-var defaultImages17 = [
+var defaultImages18 = [
   { src: imagePlaceholders[120], alt: "" },
   { src: imagePlaceholders[121], alt: "" },
   { src: imagePlaceholders[122], alt: "" },
@@ -50303,7 +50624,7 @@ function HeroAgencyAnimatedImages({
   subheading = "The ultimate platform to unlock your agency's capabilities.",
   action = defaultAction16,
   actionSlot,
-  images = defaultImages17,
+  images = defaultImages18,
   imagesSlot,
   className,
   containerClassName,
@@ -50366,7 +50687,7 @@ function HeroAgencyAnimatedImages({
     /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full max-w-211.5 lg:mx-0", imagesContainerClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.049627792 / 1, children: renderImages() }) })
   ] }) }) });
 }
-var defaultActions79 = [
+var defaultActions80 = [
   {
     label: "Get Started",
     href: "#",
@@ -50381,7 +50702,7 @@ var defaultActions79 = [
     size: "lg"
   }
 ];
-var defaultImages18 = [
+var defaultImages19 = [
   { src: imagePlaceholders[124], alt: "Hero image 1" },
   { src: imagePlaceholders[125], alt: "Hero image 2" },
   { src: imagePlaceholders[0], alt: "Hero image 3" },
@@ -50390,9 +50711,9 @@ var defaultImages18 = [
 function HeroWelcomeAsymmetricImages({
   heading = "Welcome to Our Website",
   description = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi necessitatibus dolorum.",
-  actions = defaultActions79,
+  actions = defaultActions80,
   actionsSlot,
-  images = defaultImages18,
+  images = defaultImages19,
   imagesSlot,
   className,
   containerClassName,
@@ -50420,7 +50741,7 @@ function HeroWelcomeAsymmetricImages({
   };
   const renderImages = () => {
     if (imagesSlot) return imagesSlot;
-    const imgs = images.length >= 4 ? images : defaultImages18;
+    const imgs = images.length >= 4 ? images : defaultImages19;
     return /* @__PURE__ */ jsxs("div", { className: "relative flex w-full items-center justify-end gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
         /* @__PURE__ */ jsx(
@@ -50473,7 +50794,7 @@ function HeroWelcomeAsymmetricImages({
     renderImages()
   ] }) }) });
 }
-var defaultActions80 = [
+var defaultActions81 = [
   {
     label: "Start building free",
     href: "#",
@@ -50504,7 +50825,7 @@ function HeroStartupLaunchCta({
   badgeIcon = /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/rocket", size: 16 }),
   heading = "Launch your startup in weeks, not months",
   description = "Everything you need to go from idea to launch. Our platform provides the tools, templates, and guidance to build your MVP fast.",
-  actions = defaultActions80,
+  actions = defaultActions81,
   actionsSlot,
   avatars = defaultAvatars3,
   avatarsSlot,
@@ -50609,7 +50930,7 @@ function HeroStartupLaunchCta({
     ] })
   ] }) }) });
 }
-var defaultActions81 = [
+var defaultActions82 = [
   {
     label: "Request a demo",
     href: "#",
@@ -50660,7 +50981,7 @@ function HeroEnterpriseSecurity({
   badgeSlot,
   heading = "Security that scales with your business",
   description = "Protect your data with industry-leading security features. SOC 2 Type II certified, GDPR compliant, and trusted by Fortune 500 companies.",
-  actions = defaultActions81,
+  actions = defaultActions82,
   actionsSlot,
   features = defaultFeatures24,
   featuresSlot,
@@ -50746,7 +51067,7 @@ var defaultPrimaryAction3 = {
   variant: "default",
   className: "block h-fit w-fit rounded-sm px-5 py-3.5 text-sm font-medium tracking-wider text-nowrap uppercase"
 };
-var defaultImages19 = [
+var defaultImages20 = [
   { src: imagePlaceholders[7], alt: "" },
   { src: imagePlaceholders[8], alt: "" },
   { src: imagePlaceholders[9], alt: "" }
@@ -50760,7 +51081,7 @@ function HeroCreativeStudioStacked({
   videoUrl = "https://www.youtube.com/embed/your-video-id",
   videoDialogTitle = "Presentation Video",
   actionsSlot,
-  images = defaultImages19,
+  images = defaultImages20,
   imagesSlot,
   className,
   containerClassName,
@@ -50893,7 +51214,7 @@ function HeroCreativeStudioStacked({
     ] }) })
   ] });
 }
-var defaultActions82 = [
+var defaultActions83 = [
   {
     label: "Explore Projects",
     href: "#",
@@ -50910,7 +51231,7 @@ var defaultFooterAction = {
 function HeroDigitalAgencyFullscreen({
   heading = "Transform Your Vision Into Digital Reality",
   description = "We craft exceptional digital solutions that help brands stand out and make a lasting impact in the digital landscape.",
-  actions = defaultActions82,
+  actions = defaultActions83,
   actionsSlot,
   footerLabel = "Global Headquarters",
   footerSublabel = "San Francisco, California",
@@ -50993,7 +51314,7 @@ function HeroDigitalAgencyFullscreen({
     }
   );
 }
-var defaultImages20 = [
+var defaultImages21 = [
   { src: imagePlaceholders[11], alt: "" },
   { src: imagePlaceholders[12], alt: "" },
   { src: imagePlaceholders[13], alt: "" }
@@ -51006,7 +51327,7 @@ function HeroCustomerSupportLayered({
     "their life"
   ] }),
   description = "Customer challenges and team missteps can cause chaos. Simplify delivering exceptional support with a platform designed for customer-focused teams like yours.",
-  images = defaultImages20,
+  images = defaultImages21,
   imagesSlot,
   className,
   containerClassName,
@@ -51128,7 +51449,7 @@ function HeroSharedInboxLayered({
     }
   );
 }
-var defaultActions83 = [
+var defaultActions84 = [
   {
     label: "Try For Free",
     href: "#",
@@ -51150,7 +51471,7 @@ function HeroConversationIntelligence({
   headingPrimary = "Conversation Intelligence",
   headingHighlight = "at Your Fingertips",
   description = "Grain automates note-taking, record-keeping, and insight capture, allowing you to focus on what matters most\u2014coaching your team and closing deals.",
-  actions = defaultActions83,
+  actions = defaultActions84,
   actionsSlot,
   image = defaultImage10,
   imageSlot,
@@ -51238,7 +51559,7 @@ function HeroConversationIntelligence({
     }
   );
 }
-var defaultActions84 = [
+var defaultActions85 = [
   {
     label: "Get started",
     href: "#",
@@ -51264,7 +51585,7 @@ function HeroBusinessCarouselDots({
   badgeVariant = "outline",
   heading = "Your Ultimate Business Solution.",
   description = "Transform your business operations with our cutting-edge solutions designed to streamline workflows and boost team efficiency.",
-  actions = defaultActions84,
+  actions = defaultActions85,
   actionsSlot,
   carouselImages = defaultCarouselImages2,
   carouselSlot,
@@ -51349,7 +51670,7 @@ function HeroBusinessCarouselDots({
     ] })
   ] }) });
 }
-var defaultActions85 = [
+var defaultActions86 = [
   {
     label: "Get started",
     href: "#",
@@ -51380,7 +51701,7 @@ function HeroDeveloperToolsCode({
   badgeSlot,
   heading = "Build faster with modern developer tools",
   description = "Everything you need to build production-ready applications. Type-safe APIs, real-time subscriptions, and powerful CLI tools.",
-  actions = defaultActions85,
+  actions = defaultActions86,
   actionsSlot,
   terminalTitle = "terminal",
   terminalLines = defaultTerminalLines,
@@ -51454,7 +51775,7 @@ function HeroDeveloperToolsCode({
     /* @__PURE__ */ jsx("div", { className: "relative", children: renderTerminal() })
   ] }) }) });
 }
-var defaultActions86 = [
+var defaultActions87 = [
   {
     label: "Shop now",
     href: "#",
@@ -51474,7 +51795,7 @@ var defaultStats11 = [
   { value: "4.9", label: "Average rating" },
   { value: "Free", label: "Shipping" }
 ];
-var defaultImages21 = [
+var defaultImages22 = [
   { src: imagePlaceholders[22], alt: "Product 1" },
   { src: imagePlaceholders[23], alt: "Product 2" },
   { src: imagePlaceholders[24], alt: "Product 3" },
@@ -51486,11 +51807,11 @@ function HeroEcommerceProductShowcase({
   badgeSlot,
   heading = "Discover our latest arrivals",
   description = "Explore our curated collection of premium products designed to elevate your everyday experience. Quality craftsmanship meets modern design.",
-  actions = defaultActions86,
+  actions = defaultActions87,
   actionsSlot,
   stats = defaultStats11,
   statsSlot,
-  images = defaultImages21,
+  images = defaultImages22,
   imagesSlot,
   className,
   containerClassName,
@@ -52009,7 +52330,7 @@ function HeroComingSoonCountdown({
     }
   );
 }
-var defaultActions87 = [
+var defaultActions88 = [
   {
     label: "Register now",
     href: "#",
@@ -52039,7 +52360,7 @@ function HeroEventRegistration({
   badgeSlot,
   heading = "The Future of Tech Conference 2025",
   description = "Join 5,000+ developers, designers, and entrepreneurs for three days of inspiring talks, hands-on workshops, and networking opportunities.",
-  actions = defaultActions87,
+  actions = defaultActions88,
   actionsSlot,
   stats = defaultStats13,
   statsSlot,
@@ -52141,7 +52462,7 @@ var defaultProfile = {
   name: "Alex Johnson",
   title: "Creative Director & Designer"
 };
-var defaultActions88 = [
+var defaultActions89 = [
   {
     label: "View my work",
     href: "#",
@@ -52173,7 +52494,7 @@ function HeroPortfolioCreative({
   profileSlot,
   heading = "Crafting digital experiences that inspire",
   description = "I help brands tell their stories through thoughtful design and strategic thinking. With 10+ years of experience, I've worked with startups and Fortune 500 companies alike.",
-  actions = defaultActions88,
+  actions = defaultActions89,
   actionsSlot,
   socialLinks = defaultSocialLinks23,
   socialLinksSlot,
@@ -52659,7 +52980,7 @@ var defaultMetrics = [
     optionB: { value: "8", unit: "m", desc: "Accelerated market entry" }
   }
 ];
-var defaultActions89 = [
+var defaultActions90 = [
   {
     label: "Get Started",
     href: "#",
@@ -52681,7 +53002,7 @@ function ComparisonMetricsRows({
   metrics = defaultMetrics,
   metricsSlot,
   footnotes = defaultFootnotes,
-  actions = defaultActions89,
+  actions = defaultActions90,
   actionsSlot,
   className,
   containerClassName,
@@ -60217,7 +60538,7 @@ var defaultNavItems3 = [
   { name: "Pricing", link: "#" },
   { name: "Contact", link: "#" }
 ];
-var defaultActions90 = [
+var defaultActions91 = [
   { label: "Sign Up", href: "#", variant: "outline", size: "sm" }
 ];
 var AnimatedHamburger = ({ isOpen }) => {
@@ -60305,7 +60626,7 @@ var NavbarSimpleLinks = ({
   navItems = defaultNavItems3,
   navItemsSlot,
   defaultActiveItem,
-  actions = defaultActions90,
+  actions = defaultActions91,
   actionsSlot,
   background = "white",
   spacing = "sm",
@@ -61290,7 +61611,7 @@ var defaultLogos8 = [
     image: "https://cdn.ing/assets/files/record/286233/176g648qa51ou4g3hfnywyldnc7a"
   }
 ];
-var defaultActions91 = [
+var defaultActions92 = [
   {
     label: "Get in touch",
     href: "#",
@@ -61305,7 +61626,7 @@ function LogosCertificationsGrid({
   description = "In non libero bibendum odio pellentesque ullamcorper. Aenean condimentum, dolor commodo pulvinar bibendum.",
   descriptionClassName,
   contentClassName,
-  actions = defaultActions91,
+  actions = defaultActions92,
   actionsSlot,
   actionsClassName,
   logos = defaultLogos8,
@@ -61534,7 +61855,7 @@ var defaultLogos10 = [
     logo: "https://cdn.ing/assets/files/record/286251/c64yb2c255uig6vpe4gdlnten7rv"
   }
 ];
-var defaultActions92 = [
+var defaultActions93 = [
   {
     label: "Become a partner",
     href: "#",
@@ -61550,7 +61871,7 @@ function LogosPartnerNetwork({
   description = "Join thousands of companies that trust our platform to power their business operations and drive growth.",
   descriptionClassName,
   headerClassName,
-  actions = defaultActions92,
+  actions = defaultActions93,
   actionsSlot,
   actionsClassName,
   logos = defaultLogos10,
@@ -62103,7 +62424,7 @@ var defaultBottomRowLogos = [
     logo: "https://cdn.ing/assets/files/record/286235/x4po9fpjkd6cdxnfxaqya6emwvea"
   }
 ];
-var defaultActions93 = [
+var defaultActions94 = [
   {
     label: "Get started",
     href: "#",
@@ -62122,7 +62443,7 @@ function LogosDoubleCarouselPattern({
   description = "Join thousands of companies that rely on our platform to power their business operations and drive sustainable growth.",
   descriptionClassName,
   headerClassName,
-  actions = defaultActions93,
+  actions = defaultActions94,
   actionsSlot,
   actionsClassName,
   topRowLogos = defaultTopRowLogos,
@@ -63901,7 +64222,7 @@ var defaultFeatures32 = [
     description: "Deploy on your own infrastructure if needed"
   }
 ];
-var defaultActions94 = [
+var defaultActions95 = [
   { label: "Contact Sales", href: "#", variant: "default", size: "lg" },
   { label: "Schedule Demo", href: "#", variant: "outline", size: "lg" }
 ];
@@ -63913,7 +64234,7 @@ function PricingEnterpriseContact({
   featuresSlot,
   featureIcon,
   featureIconName = "lucide/check",
-  actions = defaultActions94,
+  actions = defaultActions95,
   actionsSlot,
   background = "white",
   spacing = "lg",
@@ -66650,7 +66971,7 @@ var defaultFeatures37 = [
   { text: "Custom branding options" },
   { text: "99.9% uptime SLA" }
 ];
-var defaultActions95 = [
+var defaultActions96 = [
   { label: "Get Started", href: "#", variant: "default", size: "lg" },
   { label: "Learn More", href: "#", variant: "outline", size: "lg" }
 ];
@@ -66664,7 +66985,7 @@ function PricingSpotlightCard({
   featuresSlot,
   featureIcon,
   featureIconName = "lucide/check",
-  actions = defaultActions95,
+  actions = defaultActions96,
   actionsSlot,
   finePrint = "14-day free trial. No credit card required.",
   background = "white",
@@ -68066,7 +68387,7 @@ var defaultSteps2 = [
     description: "We continuously monitor performance and gather feedback to refine and improve the solution. This iterative process ensures long-term success and growth."
   }
 ];
-var defaultActions96 = [
+var defaultActions97 = [
   {
     label: "Get in touch",
     href: "#contact",
@@ -68135,7 +68456,7 @@ function ProcessStickySteps({
   ctaUrl
 }) {
   const resolvedHeading = title ?? heading;
-  const resolvedActions = actions ?? (ctaText && ctaUrl ? [{ label: ctaText, href: ctaUrl, variant: "ghost", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/corner-down-right", size: 20, className: "text-primary" }) }] : defaultActions96);
+  const resolvedActions = actions ?? (ctaText && ctaUrl ? [{ label: ctaText, href: ctaUrl, variant: "ghost", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/corner-down-right", size: 20, className: "text-primary" }) }] : defaultActions97);
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
     if (!resolvedActions || resolvedActions.length === 0) return null;
@@ -68244,7 +68565,7 @@ var defaultSteps3 = [
     description: "We continuously monitor performance and gather feedback to refine and improve the solution. This iterative process ensures long-term success and growth."
   }
 ];
-var defaultActions97 = [
+var defaultActions98 = [
   {
     label: "Get in touch",
     href: "#contact",
@@ -68311,7 +68632,7 @@ function ProcessScrollImage({
   const [active, setActive] = React11.useState(0);
   const previousActive = usePrevious(active);
   const resolvedHeading = title ?? heading;
-  const resolvedActions = actions ?? (ctaText && ctaUrl ? [{ label: ctaText, href: ctaUrl, variant: "ghost", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/corner-down-right", size: 20, className: "text-primary" }) }] : defaultActions97);
+  const resolvedActions = actions ?? (ctaText && ctaUrl ? [{ label: ctaText, href: ctaUrl, variant: "ghost", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/corner-down-right", size: 20, className: "text-primary" }) }] : defaultActions98);
   const renderActions = () => {
     if (actionsSlot) return actionsSlot;
     if (!resolvedActions || resolvedActions.length === 0) return null;
@@ -70964,7 +71285,7 @@ function ProjectFilterableThreeColumn({
     }
   );
 }
-var defaultImages22 = [
+var defaultImages23 = [
   {
     src: imagePlaceholders[5],
     alt: "Woman reading in a sunlit meadow",
@@ -71021,7 +71342,7 @@ var defaultImages22 = [
   }
 ];
 function ProjectGridGallery({
-  images = defaultImages22,
+  images = defaultImages23,
   imagesSlot,
   optixFlowConfig,
   background,
@@ -71301,7 +71622,7 @@ function ProjectHorizontalCards({
     }
   );
 }
-var defaultImages23 = [
+var defaultImages24 = [
   {
     src: imagePlaceholders[81],
     alt: "Woman with flowers",
@@ -71340,7 +71661,7 @@ var defaultImages23 = [
   }
 ];
 function ProjectHoverRevealGrid({
-  images = defaultImages23,
+  images = defaultImages24,
   imagesSlot,
   optixFlowConfig,
   background,
@@ -71533,7 +71854,7 @@ function ProjectInteractiveHoverReveal({
     }
   );
 }
-var defaultImages24 = [
+var defaultImages25 = [
   { src: imagePlaceholders[14], alt: "Image 1" },
   { src: imagePlaceholders[15], alt: "Image 2" },
   { src: imagePlaceholders[16], alt: "Image 3" },
@@ -71548,7 +71869,7 @@ var defaultImages24 = [
   { src: imagePlaceholders[25], alt: "Image 12" }
 ];
 function ProjectMasonryColumns({
-  images = defaultImages24,
+  images = defaultImages25,
   imagesSlot,
   optixFlowConfig,
   background,
@@ -71600,7 +71921,7 @@ function ProjectMasonryColumns({
     }
   );
 }
-var defaultImages25 = [
+var defaultImages26 = [
   imagePlaceholders[87],
   imagePlaceholders[88],
   imagePlaceholders[89],
@@ -71611,7 +71932,7 @@ function ProjectNatureMosaic({
   description = "Nature's beauty is ever-changing and endlessly inspiring. From the gentle rustle of leaves to the grandeur of mountain vistas, each day brings a new story to capture and cherish.",
   linkText = "Discover More \u2192",
   linkHref = "#",
-  images = defaultImages25,
+  images = defaultImages26,
   imagesSlot,
   optixFlowConfig,
   background,
@@ -74533,7 +74854,7 @@ var defaultTrustIndicators = [
     description: "GDPR and SOC 2 certified"
   }
 ];
-var defaultActions98 = [
+var defaultActions99 = [
   {
     label: "Compare All Features",
     href: "#",
@@ -74564,7 +74885,7 @@ function ListFeatureComparison({
     pro: "Pro",
     enterprise: "Enterprise"
   },
-  actions = defaultActions98,
+  actions = defaultActions99,
   actionsSlot,
   actionsClassName,
   trustIndicators = defaultTrustIndicators,
@@ -75541,7 +75862,7 @@ function ProjectDetailHeroMetadata(props) {
     }
   );
 }
-var defaultImages26 = [
+var defaultImages27 = [
   { src: imagePlaceholders[0], alt: "Project image 1" },
   { src: imagePlaceholders[1], alt: "Project image 2" },
   { src: imagePlaceholders[2], alt: "Project image 3" },
@@ -75576,7 +75897,7 @@ var defaultProps2 = {
   category: "PHOTOGRAPHY",
   year: "2024",
   description: "A captivating series of street photography that captures the essence of urban life through the lens of contemporary photographers working in monochrome.",
-  images: defaultImages26,
+  images: defaultImages27,
   relatedProjects: defaultRelatedProjects,
   relatedProjectsTitle: "MORE COLLECTIONS"
 };
@@ -76383,7 +76704,7 @@ function ProjectDetailSculptureShowcase(props) {
     }
   );
 }
-var defaultImages27 = [
+var defaultImages28 = [
   {
     src: imagePlaceholders[14],
     alt: "Gallery image 1",
@@ -76423,7 +76744,7 @@ var defaultProps7 = {
   artist: "Elena Vasquez",
   description: "An immersive sculptural installation that explores the relationship between organic forms and architectural space. The work invites viewers to experience the interplay of light, shadow, and form.",
   creativeProcess: "The creative process began with extensive research into natural growth patterns and biomimicry. Through iterative prototyping and material experimentation, the final form emerged as a dialogue between nature and human intervention.",
-  images: defaultImages27,
+  images: defaultImages28,
   backAction: { label: "Back to Gallery", href: "/projects", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 }) }
 };
 var fadeInUp4 = {
@@ -76907,7 +77228,7 @@ function ProjectDetailCompactMetadata(props) {
     }
   );
 }
-var defaultImages28 = [
+var defaultImages29 = [
   { src: imagePlaceholders[26], alt: "Project image 1" },
   { src: imagePlaceholders[27], alt: "Project image 2" },
   { src: imagePlaceholders[28], alt: "Project image 3" }
@@ -76919,7 +77240,7 @@ var defaultProps10 = {
   category: "Sculpture",
   artist: "Elena Vasquez",
   description: "A contemplative exploration of form and space, this sculptural work invites viewers to experience the subtle interplay between light, shadow, and material. The piece draws inspiration from natural phenomena and the mathematical patterns found in organic growth.",
-  images: defaultImages28,
+  images: defaultImages29,
   backAction: { label: "Back", href: "/projects", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 }) }
 };
 var fadeInUp7 = {
@@ -77022,7 +77343,7 @@ function ProjectDetailMinimalCentered(props) {
     }
   );
 }
-var defaultImages29 = [
+var defaultImages30 = [
   {
     src: imagePlaceholders[29],
     alt: "Gallery image 1",
@@ -77067,7 +77388,7 @@ var defaultProps11 = {
   category: "Sculpture",
   artist: "Elena Vasquez",
   description: "Explore the creative process behind this sculptural work through a series of studies and explorations that led to the final form.",
-  images: defaultImages29,
+  images: defaultImages30,
   backAction: { label: "Back to Gallery", href: "/projects", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 }) }
 };
 var fadeInUp8 = {
@@ -77499,7 +77820,7 @@ function ProjectDetailExhibitionSidebar(props) {
     }
   );
 }
-var defaultImages30 = [
+var defaultImages31 = [
   { src: imagePlaceholders[42], alt: "Project image 1" },
   { src: imagePlaceholders[43], alt: "Project image 2" },
   { src: imagePlaceholders[44], alt: "Project image 3" },
@@ -77537,7 +77858,7 @@ var defaultProps14 = {
   category: "Photography",
   year: "2024",
   description: "A compelling series of street photography capturing the essence of urban life. Through careful observation and timing, these images reveal the poetry hidden in everyday moments.",
-  images: defaultImages30,
+  images: defaultImages31,
   relatedProjects: defaultRelatedProjects2,
   backAction: { label: "Back to Collections", href: "/projects", icon: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-left", size: 16 }) }
 };
@@ -79591,7 +79912,7 @@ function ProjectDetailParallaxScroll(props) {
     }
   );
 }
-var defaultActions99 = [
+var defaultActions100 = [
   {
     label: "Shop Now",
     href: "#",
@@ -79603,7 +79924,7 @@ function BannerPromoCta({
   message = "Winter Sale",
   discount = "Up to 50% off",
   separator,
-  actions = defaultActions99,
+  actions = defaultActions100,
   actionsSlot,
   className,
   containerClassName,
@@ -79789,7 +80110,7 @@ function BannerDeliveryCountdown({
     ] })
   ] }) }) }) });
 }
-var defaultActions100 = [
+var defaultActions101 = [
   {
     label: "Learn More",
     href: "#",
@@ -79801,7 +80122,7 @@ function BannerAnnouncementDismissible({
   icon,
   iconName = "mynaui/boat",
   message = "Introducing our new AI-powered dashboard - Now available!",
-  actions = defaultActions100,
+  actions = defaultActions101,
   actionsSlot,
   onDismiss,
   dismissIcon,
@@ -79873,7 +80194,7 @@ function BannerAnnouncementDismissible({
     )
   ] }) });
 }
-var defaultActions101 = [
+var defaultActions102 = [
   {
     label: "Review Changes \u2192",
     href: "#",
@@ -79886,7 +80207,7 @@ function BannerPrivacyNotice({
   iconName = "mynaui/shield",
   title = "Privacy Policy Updated",
   description = "We've updated our privacy policy to better protect your data. Please review the changes.",
-  actions = defaultActions101,
+  actions = defaultActions102,
   actionsSlot,
   onDismiss,
   dismissIcon,
@@ -79977,7 +80298,7 @@ function BannerPrivacyNotice({
     }
   );
 }
-var defaultActions102 = [
+var defaultActions103 = [
   {
     label: "Take Survey",
     href: "#",
@@ -79989,7 +80310,7 @@ function BannerSurveyIncentive({
   iconName = "mynaui/shopping-bag",
   title = "Help us improve!",
   description = "Take our 2-minute survey and get 20% off your next purchase.",
-  actions = defaultActions102,
+  actions = defaultActions103,
   actionsSlot,
   onDismiss,
   dismissIcon,
@@ -80075,7 +80396,7 @@ function BannerSurveyIncentive({
     ] })
   ] }) });
 }
-var defaultActions103 = [
+var defaultActions104 = [
   {
     label: "Follow Us",
     href: "#",
@@ -80088,7 +80409,7 @@ function BannerSocialFollow({
   icon,
   iconName = "mynaui/users",
   message = "Follow us on social media for the latest updates and tips!",
-  actions = defaultActions103,
+  actions = defaultActions104,
   actionsSlot,
   onDismiss,
   dismissIcon,
@@ -80166,7 +80487,7 @@ function BannerSocialFollow({
     }
   );
 }
-var defaultActions104 = [
+var defaultActions105 = [
   {
     label: "Manage your data \u2192",
     href: "#",
@@ -80179,7 +80500,7 @@ function BannerGdprRights({
   iconName = "mynaui/globe",
   title = "Your Privacy Rights",
   description = "Under GDPR, you have the right to access, update, or delete your personal data.",
-  actions = defaultActions104,
+  actions = defaultActions105,
   actionsSlot,
   onDismiss,
   dismissIcon,
@@ -80272,7 +80593,7 @@ function BannerGdprRights({
     }
   );
 }
-var defaultActions105 = [
+var defaultActions106 = [
   {
     label: "Register now",
     href: "#",
@@ -80285,7 +80606,7 @@ function BannerEventPromo({
   eventName = "GeneriCon 2024",
   eventDetails = "Join us in Denver from June 7 - 9 to see what's coming next.",
   separator,
-  actions = defaultActions105,
+  actions = defaultActions106,
   actionsSlot,
   className,
   containerClassName,
@@ -80338,7 +80659,7 @@ function BannerEventPromo({
     (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions() })
   ] }) }) }) });
 }
-var defaultActions106 = [
+var defaultActions107 = [
   {
     label: "Get started",
     href: "#",
@@ -80351,7 +80672,7 @@ function BannerFloatingOffer({
   offerTitle = "Limited time offer",
   offerDescription = "Get 50% off for your first month",
   separator,
-  actions = defaultActions106,
+  actions = defaultActions107,
   actionsSlot,
   open,
   defaultOpen = true,
@@ -88334,7 +88655,7 @@ var defaultStats17 = [
   { value: "99%", label: "Uptime Guarantee" },
   { value: "150+", label: "Team Members" }
 ];
-var defaultActions107 = [
+var defaultActions108 = [
   { label: "Get Started", href: "#", variant: "default" },
   { label: "Learn More", href: "#", variant: "outline" }
 ];
@@ -88342,7 +88663,7 @@ function StatsSimpleGrid({
   heading = "Platform Performance Insights",
   stats = defaultStats17,
   statsSlot,
-  actions = defaultActions107,
+  actions = defaultActions108,
   actionsSlot,
   background = "muted",
   spacing = "lg",
@@ -88811,7 +89132,7 @@ var defaultCurrentStats = [
   { value: "24", label: "Countries" },
   { value: "12K+", label: "Global Customers" }
 ];
-var defaultActions108 = [
+var defaultActions109 = [
   { label: "View our roadmap", href: "#", variant: "link" }
 ];
 function StatsGrowthTimeline({
@@ -88827,7 +89148,7 @@ function StatsGrowthTimeline({
   futureHeading = "The Future Is Even Brighter",
   futureDescription = "We're just getting started. Our roadmap includes expansion to new markets, enhanced product offerings, and continued innovation to serve our growing customer base.",
   futureSlot,
-  actions = defaultActions108,
+  actions = defaultActions109,
   actionsSlot,
   background = "white",
   spacing = "lg",
@@ -89013,7 +89334,7 @@ var defaultStats19 = [
     iconColor: "text-rose-500"
   }
 ];
-var defaultActions109 = [
+var defaultActions110 = [
   { label: "Get Started", href: "#", variant: "default" },
   { label: "View Case Studies", href: "#", variant: "outline" }
 ];
@@ -89030,7 +89351,7 @@ function StatsImpactGrid({
   platformValue = "89%",
   comparisonSlot,
   ctaHeading = "Ready to See These Results in Your Business?",
-  actions = defaultActions109,
+  actions = defaultActions110,
   ctaSlot,
   background = "white",
   spacing = "lg",
@@ -101465,6 +101786,27 @@ var BLOCK_REGISTRY = {
     props: "HeroImageLeftContentProps",
     exampleUsage: `<HeroImageLeftContent />`.trim()
   },
+  "hero-image-slider": {
+    id: "hero-image-slider",
+    name: "Image Slider Hero",
+    description: "An immersive hero that layers headline content over a rotating image slider. Ideal for storytelling or product showcases where multiple visuals should share the spotlight.",
+    semanticTags: [
+      "hero",
+      "slider",
+      "carousel",
+      "images",
+      "background",
+      "overlay",
+      "cta",
+      "storytelling",
+      "visual",
+      "rotating"
+    ],
+    category: "hero",
+    component: HeroImageSlider,
+    props: "HeroImageSliderProps",
+    exampleUsage: `<HeroImageSlider />`.trim()
+  },
   "hero-centered-image-grid": {
     id: "hero-centered-image-grid",
     name: "Centered Image Grid Hero",