@opensite/ui 1.3.9 → 1.4.1

package/dist/feature-showcase.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-CPyEa7IX.cjs';
-import './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-r_NhxVet.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureShowcaseItem {

package/dist/feature-showcase.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-hxnFe3w6.js';
-import './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+export { F as FeatureShowcaseItem, s as FeatureShowcaseProps } from './community-initiatives-DmVsuoHE.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureShowcaseItem {

package/dist/feature-showcase.js

@@ -1,10 +1,10 @@
 "use client";
-import * as React6 from 'react';
-import React6__default, { useState, useRef, useMemo, useEffect } from 'react';
+import * as React3 from 'react';
+import React3__default, { useState, useCallback, useRef, useMemo, useEffect } from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import useEmblaCarousel from 'embla-carousel-react';
 import { cva } from 'class-variance-authority';
 
 // components/blocks/features/feature-showcase.tsx
@@ -20,7 +20,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React6__default.forwardRef(
+var Container = React3__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -325,7 +325,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React6__default.forwardRef(
+var Section = React3__default.forwardRef(
   ({
     id,
     title,
@@ -461,7 +461,7 @@ function useNavigation({
   href,
   onClick
 } = {}) {
-  const linkType = React6.useMemo(() => {
+  const linkType = React3.useMemo(() => {
     if (!href || href.trim() === "") {
       return onClick ? "none" : "none";
     }
@@ -482,7 +482,7 @@ function useNavigation({
       return "internal";
     }
   }, [href, onClick]);
-  const normalizedHref = React6.useMemo(() => {
+  const normalizedHref = React3.useMemo(() => {
     if (!href || href.trim() === "") {
       return void 0;
     }
@@ -500,7 +500,7 @@ function useNavigation({
         return trimmed;
     }
   }, [href, linkType]);
-  const target = React6.useMemo(() => {
+  const target = React3.useMemo(() => {
     switch (linkType) {
       case "external":
         return "_blank";
@@ -513,7 +513,7 @@ function useNavigation({
         return void 0;
     }
   }, [linkType]);
-  const rel = React6.useMemo(() => {
+  const rel = React3.useMemo(() => {
     if (linkType === "external") {
       return "noopener noreferrer";
     }
@@ -522,7 +522,7 @@ function useNavigation({
   const isExternal = linkType === "external";
   const isInternal = linkType === "internal";
   const shouldUseRouter = isInternal && typeof normalizedHref === "string" && normalizedHref.startsWith("/");
-  const handleClick = React6.useCallback(
+  const handleClick = React3.useCallback(
     (event) => {
       if (onClick) {
         try {
@@ -706,7 +706,7 @@ var buttonVariants = cva(baseStyles, {
     size: "default"
   }
 });
-var Pressable = React6.forwardRef(
+var Pressable = React3.forwardRef(
   ({
     children,
     className,
@@ -812,10 +812,10 @@ function DynamicIcon({
   className,
   alt
 }) {
-  const [svgContent, setSvgContent] = React6.useState(null);
-  const [isLoading, setIsLoading] = React6.useState(true);
-  const [error, setError] = React6.useState(null);
-  const { url, iconName } = React6.useMemo(() => {
+  const [svgContent, setSvgContent] = React3.useState(null);
+  const [isLoading, setIsLoading] = React3.useState(true);
+  const [error, setError] = React3.useState(null);
+  const { url, iconName } = React3.useMemo(() => {
     const separator = name.includes("/") ? "/" : ":";
     const [prefix, iconName2] = name.split(separator);
     const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
@@ -824,7 +824,7 @@ function DynamicIcon({
       iconName: iconName2
     };
   }, [name, size]);
-  React6.useEffect(() => {
+  React3.useEffect(() => {
     let isMounted = true;
     const fetchSvg = async () => {
       const cached = svgCache.get(url);
@@ -909,135 +909,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var CarouselContext = React6.createContext(null);
-function useCarousel() {
-  const context = React6.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-function Carousel({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}) {
-  const [carouselRef, api] = useEmblaCarousel(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    },
-    plugins
-  );
-  const [canScrollPrev, setCanScrollPrev] = React6.useState(false);
-  const [canScrollNext, setCanScrollNext] = React6.useState(false);
-  const onSelect = React6.useCallback((api2) => {
-    if (!api2) return;
-    setCanScrollPrev(api2.canScrollPrev());
-    setCanScrollNext(api2.canScrollNext());
-  }, []);
-  const scrollPrev = React6.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React6.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const handleKeyDown = React6.useCallback(
-    (event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    },
-    [scrollPrev, scrollNext]
-  );
-  React6.useEffect(() => {
-    if (!api || !setApi) return;
-    setApi(api);
-  }, [api, setApi]);
-  React6.useEffect(() => {
-    if (!api) return;
-    onSelect(api);
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
-    return () => {
-      api?.off("select", onSelect);
-    };
-  }, [api, onSelect]);
-  return /* @__PURE__ */ jsx(
-    CarouselContext.Provider,
-    {
-      value: {
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
-          role: "region",
-          "aria-roledescription": "carousel",
-          "data-slot": "carousel",
-          ...props,
-          children
-        }
-      )
-    }
-  );
-}
-function CarouselContent({ className, ...props }) {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-}
-function CarouselItem({ className, ...props }) {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
 var BUTTON_SIZES = {
   sm: { buttonSize: "size-8", iconSize: 16 },
   md: { buttonSize: "size-10", iconSize: 20 },
@@ -1113,21 +984,16 @@ function FeatureShowcase({
   patternOpacity,
   patternClassName
 }) {
-  const [api, setApi] = React6.useState();
-  const [canScrollPrevious, setCanScrollPrevious] = React6.useState(false);
-  const [canScrollNext, setCanScrollNext] = React6.useState(false);
-  React6.useEffect(() => {
-    if (!api) return;
-    const updateScrollState = () => {
-      setCanScrollPrevious(api.canScrollPrev());
-      setCanScrollNext(api.canScrollNext());
-    };
-    updateScrollState();
-    api.on("select", updateScrollState);
-    return () => {
-      api.off("select", updateScrollState);
-    };
-  }, [api]);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const itemCount = items?.length ?? 0;
+  const canScrollPrevious = activeIndex > 0;
+  const canScrollNext = activeIndex < itemCount - 1;
+  const scrollPrev = useCallback(() => {
+    setActiveIndex((prev) => Math.max(0, prev - 1));
+  }, []);
+  const scrollNext = useCallback(() => {
+    setActiveIndex((prev) => Math.min(itemCount - 1, prev + 1));
+  }, [itemCount]);
   const [mobileSlideHeight, setMobileSlideHeight] = useState(
     null
   );
@@ -1168,53 +1034,64 @@ function FeatureShowcase({
       resizeObserver?.disconnect();
     };
   }, [equalizeOnMobile, items]);
+  const activeItem = items?.[activeIndex];
   const carouselContent = useMemo(() => {
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxs(Carousel, { className: carouselClassName, setApi, children: [
-      /* @__PURE__ */ jsx("div", { className: "pb-18 md:pb-24", children: /* @__PURE__ */ jsx(CarouselContent, { className: "ease-in", children: items.map((item, itemIndex) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsxs(
-        "div",
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative", carouselClassName), children: [
+      /* @__PURE__ */ jsx("div", { className: "pb-18 md:pb-24", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+        motion.div,
         {
-          ref: (node) => {
-            slideRefs.current[itemIndex] = node;
-          },
-          style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
-          className: cn(
-            "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
-            slideClassName
-          ),
-          children: [
-            item.content && /* @__PURE__ */ jsx("div", { className: cn("w-full", contentClassName), children: item.content }),
-            item.mediaComponent && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-[300px] md:h-[400px] md:max-h-[500px] [&>*]:h-full [&>*]:object-cover",
-                  mediaWrapperClassName,
-                  mediaClassName
-                ),
-                children: [
-                  item.mediaComponent,
-                  /* @__PURE__ */ jsx(
-                    CarouselPagination,
-                    {
-                      onPrevious: () => api?.scrollPrev(),
-                      onNext: () => api?.scrollNext(),
-                      canScrollPrevious,
-                      canScrollNext,
-                      className: "absolute bottom-2 right-2 md:hidden"
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ) }, `slide-${itemIndex}`)) }) }),
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.3, ease: "easeInOut" },
+          children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: (node) => {
+                slideRefs.current[activeIndex] = node;
+              },
+              style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
+              className: cn(
+                "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
+                slideClassName
+              ),
+              children: [
+                activeItem?.content && /* @__PURE__ */ jsx("div", { className: cn("w-full", contentClassName), children: activeItem.content }),
+                activeItem?.mediaComponent && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-[300px] md:h-[400px] md:max-h-[500px] *:h-full *:object-cover",
+                      mediaWrapperClassName,
+                      mediaClassName
+                    ),
+                    children: [
+                      activeItem.mediaComponent,
+                      /* @__PURE__ */ jsx(
+                        CarouselPagination,
+                        {
+                          onPrevious: scrollPrev,
+                          onNext: scrollNext,
+                          canScrollPrevious,
+                          canScrollNext,
+                          className: "flex items-end justify-end gap-2 absolute bottom-2 right-2 md:hidden"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        },
+        activeIndex
+      ) }) }),
       /* @__PURE__ */ jsx(
         CarouselPagination,
         {
-          onPrevious: () => api?.scrollPrev(),
-          onNext: () => api?.scrollNext(),
+          onPrevious: scrollPrev,
+          onNext: scrollNext,
           canScrollPrevious,
           canScrollNext,
           className: "absolute bottom-6 right-0 hidden md:flex"
@@ -1223,6 +1100,8 @@ function FeatureShowcase({
     ] });
   }, [
     items,
+    activeIndex,
+    activeItem,
     carouselClassName,
     equalizeOnMobile,
     mobileSlideHeight,
@@ -1230,7 +1109,8 @@ function FeatureShowcase({
     contentClassName,
     mediaWrapperClassName,
     mediaClassName,
-    api,
+    scrollPrev,
+    scrollNext,
     canScrollPrevious,
     canScrollNext
   ]);

package/dist/feature-split-image-reverse.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageReverseProps {

package/dist/feature-split-image-reverse.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageReverseProps {

package/dist/feature-split-image.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageProps {

package/dist/feature-split-image.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureSplitImageProps {

package/dist/feature-stats-highlight.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureStatsHighlightStat {

package/dist/feature-stats-highlight.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureStatsHighlightStat {

package/dist/feature-tabbed-content-image.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureTabbedContentImageFeatureItem {

package/dist/feature-tabbed-content-image.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureTabbedContentImageFeatureItem {

package/dist/feature-three-column-values.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureThreeColumnValuesItem {

package/dist/feature-three-column-values.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureThreeColumnValuesItem {

package/dist/feature-utility-cards-grid.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureUtilityCardsGridItem {

package/dist/feature-utility-cards-grid.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureUtilityCardsGridItem {