@opensite/ui 2.0.2 → 2.0.4

package/dist/hero-badge-shadow-overlay.cjs

@@ -1,12 +1,12 @@
 "use client";
 'use strict';
 
-var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var icon = require('@page-speed/icon');
 var img = require('@page-speed/img');
 
@@ -30,7 +30,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// components/blocks/hero/hero-badge-shadow-overlay.tsx
+// lib/utils.ts
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -863,43 +863,39 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
-function HeroBadgeShadowOverlay({
-  announcementBadge,
-  announcementText,
-  announcementHref,
-  description,
-  descriptionClassName,
-  heading,
+var MOBILE_CLASSES = {
+  "fit-left": "items-start md:items-center",
+  "fit-center": "items-center",
+  "fit-right": "items-end md:items-center",
+  "full-left": "items-stretch md:items-center",
+  "full-center": "items-stretch md:items-center",
+  "full-right": "items-stretch md:items-center"
+};
+function BlockActions({
+  mobileConfig,
+  actionsClassName,
+  verticalSpacing = "mt-4 md:mt-8",
   actions,
-  actionsSlot,
-  backgroundImageUrl,
-  optixFlowConfig,
-  background,
-  spacing = "py-0 md:py-0",
-  pattern,
-  patternOpacity,
-  className,
-  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 min-h-screen h-full",
-  announcementClassName,
-  headingClassName,
-  actionsClassName
+  actionsSlot
 }) {
-  const renderActions = React.useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col md:flex-row gap-4", actionsClassName), children: actions.map((action, index) => {
+  const renderAction = React__namespace.useCallback(
+    (action, idx) => {
       const {
         label,
         icon,
         iconAfter,
         children,
+        href,
+        onClick,
         className: actionClassName,
         ...pressableProps
       } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
-          asButton: true,
+          href,
+          onClick,
+          asButton: action.asButton || true,
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -908,10 +904,54 @@ function HeroBadgeShadowOverlay({
             iconAfter
           ] })
         },
-        index
+        idx
       );
-    }) });
-  }, [actionsSlot, actions, actionsClassName]);
+    },
+    []
+  );
+  const width = mobileConfig?.width ?? "full";
+  const position = mobileConfig?.position ?? "center";
+  const mobileLayoutClass = MOBILE_CLASSES[`${width}-${position}`];
+  if (actionsSlot) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: actionsSlot });
+  } else if (actions && actions?.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col md:flex-row flex-wrap gap-4",
+          mobileLayoutClass,
+          actionsClassName,
+          verticalSpacing
+        ),
+        children: actions.map((action, index) => renderAction(action, index))
+      }
+    );
+  } else {
+    return null;
+  }
+}
+function HeroBadgeShadowOverlay({
+  announcementBadge,
+  announcementText,
+  announcementHref,
+  description,
+  descriptionClassName,
+  heading,
+  actions,
+  actionsSlot,
+  backgroundImageUrl,
+  optixFlowConfig,
+  background,
+  spacing = "py-0 md:py-0",
+  pattern,
+  patternOpacity,
+  className,
+  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 min-h-screen h-full",
+  announcementClassName,
+  headingClassName,
+  actionsClassName
+}) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -922,7 +962,7 @@ function HeroBadgeShadowOverlay({
       className: cn("relative flex items-center justify-center", className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col min-h-screen h-full justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-10 text-center px-6 max-full md:max-w-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col min-h-screen h-full justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 text-center px-6 max-full md:max-w-lg", children: [
           (announcementBadge || announcementText) && /* @__PURE__ */ jsxRuntime.jsxs(
             Pressable,
             {
@@ -942,7 +982,7 @@ function HeroBadgeShadowOverlay({
             "h1",
             {
               className: cn(
-                "text-4xl font-semibold lg:text-8xl text-white text-balance text-shadow-xl text-center",
+                "text-4xl font-semibold lg:text-8xl text-white text-balance text-shadow-2xl text-center",
                 headingClassName
               ),
               children: heading
@@ -958,7 +998,14 @@ function HeroBadgeShadowOverlay({
               children: description
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          renderActions
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BlockActions,
+            {
+              actions,
+              actionsSlot,
+              actionsClassName
+            }
+          )
         ] }) }),
         backgroundImageUrl && /* @__PURE__ */ jsxRuntime.jsx(
           img.Img,

package/dist/hero-badge-shadow-overlay.js

@@ -1,15 +1,15 @@
 "use client";
-import * as React from 'react';
-import React__default, { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default from 'react';
 import { Icon } from '@page-speed/icon';
 import { Img } from '@page-speed/img';
 
-// components/blocks/hero/hero-badge-shadow-overlay.tsx
+// lib/utils.ts
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -842,43 +842,39 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
-function HeroBadgeShadowOverlay({
-  announcementBadge,
-  announcementText,
-  announcementHref,
-  description,
-  descriptionClassName,
-  heading,
+var MOBILE_CLASSES = {
+  "fit-left": "items-start md:items-center",
+  "fit-center": "items-center",
+  "fit-right": "items-end md:items-center",
+  "full-left": "items-stretch md:items-center",
+  "full-center": "items-stretch md:items-center",
+  "full-right": "items-stretch md:items-center"
+};
+function BlockActions({
+  mobileConfig,
+  actionsClassName,
+  verticalSpacing = "mt-4 md:mt-8",
   actions,
-  actionsSlot,
-  backgroundImageUrl,
-  optixFlowConfig,
-  background,
-  spacing = "py-0 md:py-0",
-  pattern,
-  patternOpacity,
-  className,
-  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 min-h-screen h-full",
-  announcementClassName,
-  headingClassName,
-  actionsClassName
+  actionsSlot
 }) {
-  const renderActions = useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col md:flex-row gap-4", actionsClassName), children: actions.map((action, index) => {
+  const renderAction = React.useCallback(
+    (action, idx) => {
       const {
         label,
         icon,
         iconAfter,
         children,
+        href,
+        onClick,
         className: actionClassName,
         ...pressableProps
       } = action;
       return /* @__PURE__ */ jsx(
         Pressable,
         {
-          asButton: true,
+          href,
+          onClick,
+          asButton: action.asButton || true,
           className: actionClassName,
           ...pressableProps,
           children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -887,10 +883,54 @@ function HeroBadgeShadowOverlay({
             iconAfter
           ] })
         },
-        index
+        idx
       );
-    }) });
-  }, [actionsSlot, actions, actionsClassName]);
+    },
+    []
+  );
+  const width = mobileConfig?.width ?? "full";
+  const position = mobileConfig?.position ?? "center";
+  const mobileLayoutClass = MOBILE_CLASSES[`${width}-${position}`];
+  if (actionsSlot) {
+    return /* @__PURE__ */ jsx("div", { children: actionsSlot });
+  } else if (actions && actions?.length > 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col md:flex-row flex-wrap gap-4",
+          mobileLayoutClass,
+          actionsClassName,
+          verticalSpacing
+        ),
+        children: actions.map((action, index) => renderAction(action, index))
+      }
+    );
+  } else {
+    return null;
+  }
+}
+function HeroBadgeShadowOverlay({
+  announcementBadge,
+  announcementText,
+  announcementHref,
+  description,
+  descriptionClassName,
+  heading,
+  actions,
+  actionsSlot,
+  backgroundImageUrl,
+  optixFlowConfig,
+  background,
+  spacing = "py-0 md:py-0",
+  pattern,
+  patternOpacity,
+  className,
+  containerClassName = "mx-0 w-screen px-0 sm:px-0 lg:px-0 max-w-screen relative z-10 min-h-screen h-full",
+  announcementClassName,
+  headingClassName,
+  actionsClassName
+}) {
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -901,7 +941,7 @@ function HeroBadgeShadowOverlay({
       className: cn("relative flex items-center justify-center", className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-screen h-full justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-10 text-center px-6 max-full md:max-w-lg", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col min-h-screen h-full justify-center items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center px-6 max-full md:max-w-lg", children: [
           (announcementBadge || announcementText) && /* @__PURE__ */ jsxs(
             Pressable,
             {
@@ -921,7 +961,7 @@ function HeroBadgeShadowOverlay({
             "h1",
             {
               className: cn(
-                "text-4xl font-semibold lg:text-8xl text-white text-balance text-shadow-xl text-center",
+                "text-4xl font-semibold lg:text-8xl text-white text-balance text-shadow-2xl text-center",
                 headingClassName
               ),
               children: heading
@@ -937,7 +977,14 @@ function HeroBadgeShadowOverlay({
               children: description
             }
           ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          renderActions
+          /* @__PURE__ */ jsx(
+            BlockActions,
+            {
+              actions,
+              actionsSlot,
+              actionsClassName
+            }
+          )
         ] }) }),
         backgroundImageUrl && /* @__PURE__ */ jsx(
           Img,

package/dist/hero-centered-image-grid.cjs

@@ -32,32 +32,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -859,27 +833,31 @@ function HeroCenteredImageGrid({
   gridImages,
   gridImagesSlot,
   imageOverlayAction,
-  logos,
-  logosSlot,
   background,
-  spacing,
   pattern,
   patternOpacity,
   className,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   contentClassName,
   headingClassName,
   descriptionClassName,
   actionsClassName,
   imageGridClassName,
-  logosClassName,
   optixFlowConfig
 }) {
   const renderActions = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -898,38 +876,20 @@ function HeroCenteredImageGrid({
   }, [actionsSlot, actions]);
   const renderImageOverlayAction = React.useMemo(() => {
     if (!imageOverlayAction) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = imageOverlayAction;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Pressable,
-      {
-        asButton: true,
-        className: actionClassName,
-        ...pressableProps,
-        children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          icon,
-          label,
-          iconAfter
-        ] })
-      }
-    );
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = imageOverlayAction;
+    return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      icon,
+      label,
+      iconAfter
+    ] }) });
   }, [imageOverlayAction]);
-  const renderLogos = React.useMemo(() => {
-    if (logosSlot) return logosSlot;
-    if (!logos || logos.length === 0) return null;
-    return logos.map((logo, index) => {
-      const src = typeof logo.src === "string" ? logo.src : logo.src.light;
-      typeof logo.src === "string" ? logo.src : logo.src.dark;
-      return /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src,
-          alt: logo.alt,
-          className: cn(logo.className, "dark:invert"),
-          optixFlowConfig
-        }
-      ) }, index);
-    });
-  }, [logosSlot, logos, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -937,39 +897,90 @@ function HeroCenteredImageGrid({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex max-w-5xl flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("z-10 flex flex-col items-center gap-8 text-center", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl", children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-4 text-4xl font-semibold text-pretty lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("lg:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-          ] }),
-          (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex w-full flex-col justify-center gap-2 sm:flex-row", actionsClassName), children: renderActions })
-        ] }) }),
-        gridImagesSlot ? gridImagesSlot : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto mt-20 grid max-w-7xl gap-px bg-border p-px md:grid-cols-5", imageGridClassName), children: [
-          gridImages?.[0] && /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: gridImages[0].src,
-              alt: gridImages[0].alt,
-              className: cn("h-full max-h-[500px] w-full object-cover md:col-span-3 dark:invert", gridImages[0].className),
-              optixFlowConfig
-            }
-          ),
-          gridImages?.[1] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative md:col-span-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: gridImages[1].src,
-                alt: gridImages[1].alt,
-                className: cn("h-full max-h-[500px] w-full object-cover dark:invert", gridImages[1].className),
-                optixFlowConfig
-              }
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex max-w-5xl flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "z-10 flex flex-col items-center gap-8 text-center",
+              contentClassName
             ),
-            renderImageOverlayAction
-          ] })
-        ] }),
-        (logosSlot || logos && logos.length > 0) && /* @__PURE__ */ jsxRuntime.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 })
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl", children: [
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "mb-4 text-4xl font-semibold text-balance lg:text-6xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+                description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "lg:text-xl text-balance",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+              ] }),
+              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex w-full flex-col justify-center gap-2 sm:flex-row",
+                    actionsClassName
+                  ),
+                  children: renderActions
+                }
+              )
+            ]
+          }
+        ) }),
+        gridImagesSlot ? gridImagesSlot : /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto mt-20 grid max-w-7xl gap-px bg-border p-px md:grid-cols-5",
+              imageGridClassName
+            ),
+            children: [
+              gridImages?.[0] && /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: gridImages[0].src,
+                  alt: gridImages[0].alt,
+                  className: cn(
+                    "h-full max-h-[500px] w-full object-cover md:col-span-3 dark:invert",
+                    gridImages[0].className
+                  ),
+                  optixFlowConfig
+                }
+              ),
+              gridImages?.[1] && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative md:col-span-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: gridImages[1].src,
+                    alt: gridImages[1].alt,
+                    className: cn(
+                      "h-full max-h-[500px] w-full object-cover dark:invert",
+                      gridImages[1].className
+                    ),
+                    optixFlowConfig
+                  }
+                ),
+                renderImageOverlayAction
+              ] })
+            ]
+          }
+        )
       ] })
     }
   );

package/dist/hero-centered-image-grid.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { A as ActionConfig, I as ImageItem, L as LogoItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-CdNtNOuP.cjs';
@@ -35,14 +35,6 @@ interface HeroCenteredImageGridProps {
      * Image overlay action configuration
      */
     imageOverlayAction?: ActionConfig;
-    /**
-     * Array of logo items
-     */
-    logos?: LogoItem[];
-    /**
-     * Custom slot for logos (overrides logos array)
-     */
-    logosSlot?: React.ReactNode;
     /**
      * Background style for the section
      */
@@ -87,15 +79,11 @@ interface HeroCenteredImageGridProps {
      * Additional CSS classes for the image grid
      */
     imageGridClassName?: string;
-    /**
-     * Additional CSS classes for the logos container
-     */
-    logosClassName?: string;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
-declare function HeroCenteredImageGrid({ heading, description, actions, actionsSlot, gridImages, gridImagesSlot, imageOverlayAction, logos, logosSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, imageGridClassName, logosClassName, optixFlowConfig, }: HeroCenteredImageGridProps): React.JSX.Element;
+declare function HeroCenteredImageGrid({ heading, description, actions, actionsSlot, gridImages, gridImagesSlot, imageOverlayAction, background, pattern, patternOpacity, className, containerClassName, spacing, contentClassName, headingClassName, descriptionClassName, actionsClassName, imageGridClassName, optixFlowConfig, }: HeroCenteredImageGridProps): React.JSX.Element;
 
 export { HeroCenteredImageGrid, type HeroCenteredImageGridProps };

package/dist/hero-centered-image-grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { A as ActionConfig, I as ImageItem, L as LogoItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-CdNtNOuP.js';
@@ -35,14 +35,6 @@ interface HeroCenteredImageGridProps {
      * Image overlay action configuration
      */
     imageOverlayAction?: ActionConfig;
-    /**
-     * Array of logo items
-     */
-    logos?: LogoItem[];
-    /**
-     * Custom slot for logos (overrides logos array)
-     */
-    logosSlot?: React.ReactNode;
     /**
      * Background style for the section
      */
@@ -87,15 +79,11 @@ interface HeroCenteredImageGridProps {
      * Additional CSS classes for the image grid
      */
     imageGridClassName?: string;
-    /**
-     * Additional CSS classes for the logos container
-     */
-    logosClassName?: string;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
-declare function HeroCenteredImageGrid({ heading, description, actions, actionsSlot, gridImages, gridImagesSlot, imageOverlayAction, logos, logosSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, actionsClassName, imageGridClassName, logosClassName, optixFlowConfig, }: HeroCenteredImageGridProps): React.JSX.Element;
+declare function HeroCenteredImageGrid({ heading, description, actions, actionsSlot, gridImages, gridImagesSlot, imageOverlayAction, background, pattern, patternOpacity, className, containerClassName, spacing, contentClassName, headingClassName, descriptionClassName, actionsClassName, imageGridClassName, optixFlowConfig, }: HeroCenteredImageGridProps): React.JSX.Element;
 
 export { HeroCenteredImageGrid, type HeroCenteredImageGridProps };