@opensite/ui 0.3.0 → 0.3.2

package/dist/image-slider.js

@@ -0,0 +1,170 @@
+"use client";
+import * as React from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { AnimatePresence, motion } from 'motion/react';
+import { Img } from '@page-speed/img';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+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] = React.useState(
+    () => normalizeIndex(startIndex, images.length)
+  );
+  const handleNext = React.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 = React.useCallback(() => {
+    if (!hasImages) return;
+    setCurrentIndex((prevIndex) => {
+      const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
+      onSlideChange?.(nextIndex);
+      return nextIndex;
+    });
+  }, [hasImages, images.length, onSlideChange]);
+  React.useEffect(() => {
+    if (!hasImages) return;
+    setCurrentIndex(normalizeIndex(startIndex, images.length));
+  }, [startIndex, images.length, hasImages]);
+  React.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]);
+  React.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, { mode: "wait", initial: false, children: activeImage ? /* @__PURE__ */ jsx(
+          motion.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
+      ]
+    }
+  );
+};
+
+export { ImageSlider };

package/dist/index.cjs

@@ -7,10 +7,11 @@ var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 var framerMotion = require('framer-motion');
 var useOnClickOutside = require('@opensite/hooks/core/useOnClickOutside');
+var react = require('motion/react');
+var img = require('@page-speed/img');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var PopoverPrimitive = require('@radix-ui/react-popover');
-var img = require('@page-speed/img');
 var forms = require('@page-speed/forms');
 var inputs = require('@page-speed/forms/inputs');
 var integration = require('@page-speed/forms/integration');
@@ -685,6 +686,163 @@ function PageHeroBanner({
     }
   );
 }
+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] = React4__namespace.useState(
+    () => normalizeIndex(startIndex, images.length)
+  );
+  const handleNext = React4__namespace.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 = React4__namespace.useCallback(() => {
+    if (!hasImages) return;
+    setCurrentIndex((prevIndex) => {
+      const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
+      onSlideChange?.(nextIndex);
+      return nextIndex;
+    });
+  }, [hasImages, images.length, onSlideChange]);
+  React4__namespace.useEffect(() => {
+    if (!hasImages) return;
+    setCurrentIndex(normalizeIndex(startIndex, images.length));
+  }, [startIndex, images.length, hasImages]);
+  React4__namespace.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]);
+  React4__namespace.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__ */ jsxRuntime.jsx("div", { className: cn("absolute inset-0 z-10", overlayClassName), children: overlaySlot }) : overlay ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.AnimatePresence, { mode: "wait", initial: false, children: activeImage ? /* @__PURE__ */ jsxRuntime.jsx(
+          react.motion.div,
+          {
+            initial: "initial",
+            animate: "visible",
+            exit: direction === "up" ? "upExit" : "downExit",
+            variants: slideVariants,
+            className: "absolute inset-0",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.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__ */ jsxRuntime.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 baseStyles = [
   // Layout
   "inline-flex items-center justify-center gap-2 whitespace-nowrap shrink-0",
@@ -3706,6 +3864,7 @@ exports.FooterNewsletterMinimal = FooterNewsletterMinimal;
 exports.FooterSimpleCentered = FooterSimpleCentered;
 exports.FooterSocialApps = FooterSocialApps;
 exports.FooterSocialNewsletter = FooterSocialNewsletter;
+exports.ImageSlider = ImageSlider;
 exports.MediaHoverCtas = MediaHoverCtas;
 exports.PageHeroBanner = PageHeroBanner;
 exports.Popover = Popover;

package/dist/index.d.cts

@@ -2,6 +2,7 @@ export { Container } from './container.cjs';
 export { Section } from './section.cjs';
 export { AnimatedDialog } from './animated-dialog.cjs';
 export { PageHeroBanner } from './page-hero-banner.cjs';
+export { ImageSlider } from './image-slider.cjs';
 export { Button } from './button.cjs';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './card.cjs';
 export { Badge } from './badge.cjs';
@@ -26,11 +27,11 @@ export { FooterNavSocial } from './footer-nav-social.cjs';
 export { AlternatingBlockSection, AlternatingBlocksProps, AnimatedDialogProps, AnimatedDialogSize, ContainerMaxWidth, ContainerProps, FeatureShowcaseItem, FeatureShowcaseProps, MediaHoverCtaItem, MediaHoverCtaType, MediaHoverCtasProps, PageHeroBannerProps, SectionBackground, SectionProps, SectionSpacing } from './types.cjs';
 export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.cjs';
 export { cn } from './utils.cjs';
-export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-CJYRLpXR.cjs';
+export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-Cohq4eio.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './pattern-background-BXRgbd05.cjs';

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { Container } from './container.js';
 export { Section } from './section.js';
 export { AnimatedDialog } from './animated-dialog.js';
 export { PageHeroBanner } from './page-hero-banner.js';
+export { ImageSlider } from './image-slider.js';
 export { Button } from './button.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './card.js';
 export { Badge } from './badge.js';
@@ -26,11 +27,11 @@ export { FooterNavSocial } from './footer-nav-social.js';
 export { AlternatingBlockSection, AlternatingBlocksProps, AnimatedDialogProps, AnimatedDialogSize, ContainerMaxWidth, ContainerProps, FeatureShowcaseItem, FeatureShowcaseProps, MediaHoverCtaItem, MediaHoverCtaType, MediaHoverCtasProps, PageHeroBannerProps, SectionBackground, SectionProps, SectionSpacing } from './types.js';
 export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from './use-navigation.js';
 export { cn } from './utils.js';
-export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-BWc_7JNA.js';
+export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-k17uluAz.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './pattern-background-z0e5HB0v.js';

package/dist/index.js

@@ -6,10 +6,11 @@ import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useOnClickOutside } from '@opensite/hooks/core/useOnClickOutside';
+import { AnimatePresence as AnimatePresence$1, motion as motion$1 } from 'motion/react';
+import { Img } from '@page-speed/img';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { Img } from '@page-speed/img';
 import { useForm, Form, Field } from '@page-speed/forms';
 import { TextInput as TextInput$1 } from '@page-speed/forms/inputs';
 import { serializeForRails, deserializeErrors } from '@page-speed/forms/integration';
@@ -663,6 +664,163 @@ function PageHeroBanner({
     }
   );
 }
+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] = React4.useState(
+    () => normalizeIndex(startIndex, images.length)
+  );
+  const handleNext = React4.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 = React4.useCallback(() => {
+    if (!hasImages) return;
+    setCurrentIndex((prevIndex) => {
+      const nextIndex = prevIndex - 1 < 0 ? images.length - 1 : prevIndex - 1;
+      onSlideChange?.(nextIndex);
+      return nextIndex;
+    });
+  }, [hasImages, images.length, onSlideChange]);
+  React4.useEffect(() => {
+    if (!hasImages) return;
+    setCurrentIndex(normalizeIndex(startIndex, images.length));
+  }, [startIndex, images.length, hasImages]);
+  React4.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]);
+  React4.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 baseStyles = [
   // Layout
   "inline-flex items-center justify-center gap-2 whitespace-nowrap shrink-0",
@@ -3659,4 +3817,4 @@ function FooterNavSocial({
   );
 }
 
-export { AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, cn, useNavigation };
+export { AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, cn, useNavigation };

package/dist/industries-badge-list-bordered.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-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface IndustryService {

package/dist/industries-badge-list-bordered.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-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface IndustryService {

package/dist/industries-expandable-showcase.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-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface IndustryContractor {

package/dist/industries-expandable-showcase.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-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface IndustryContractor {

package/dist/industries-hover-reveal-grid.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-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface IndustryItem {

package/dist/industries-hover-reveal-grid.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-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface IndustryItem {