@opensite/ui 0.4.1 → 0.4.3

package/dist/logos-double-carousel-pattern.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -106,7 +105,7 @@ interface LogosDoubleCarouselPatternProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-double-carousel-pattern.js

@@ -757,6 +757,7 @@ var Section = React5__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -776,7 +777,7 @@ var Section = React5__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -982,17 +983,26 @@ function LogosDoubleCarouselPattern({
               "flex basis-1/3 justify-center pl-0 sm:basis-1/4 md:basis-1/5 lg:basis-1/6",
               carouselItemClassName
             ),
-            children: /* @__PURE__ */ jsx("div", { className: cn("mx-6 flex shrink-0 items-center justify-center rounded-lg border border-border bg-background/80 p-4 backdrop-blur-sm", logoWrapperClassName), children: /* @__PURE__ */ jsx(
-              Img,
+            children: /* @__PURE__ */ jsx(
+              "div",
               {
-                src: logo.logo,
-                alt: `${logo.name} logo`,
-                width: 100,
-                height: 40,
-                className: cn("h-8 w-auto object-contain", logo.imgClassName),
-                optixFlowConfig
+                className: cn(
+                  "mx-6 flex shrink-0 items-center justify-center rounded-lg border border-border bg-background/80 p-4 backdrop-blur-sm",
+                  logoWrapperClassName
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: logo.logo,
+                    alt: `${logo.name} logo`,
+                    width: 100,
+                    height: 40,
+                    className: cn("h-8 w-auto object-contain", logo.imgClassName),
+                    optixFlowConfig
+                  }
+                )
               }
-            ) })
+            )
           },
           index
         )) })
@@ -1006,7 +1016,9 @@ function LogosDoubleCarouselPattern({
       Carousel,
       {
         opts: { loop: true },
-        plugins: [AutoScroll({ playOnInit: true, speed: 0.6, direction: "backward" })],
+        plugins: [
+          AutoScroll({ playOnInit: true, speed: 0.6, direction: "backward" })
+        ],
         children: /* @__PURE__ */ jsx(CarouselContent, { className: "ml-0", children: [...bottomRowLogos, ...bottomRowLogos].map((logo, index) => /* @__PURE__ */ jsx(
           CarouselItem,
           {
@@ -1014,17 +1026,26 @@ function LogosDoubleCarouselPattern({
               "flex basis-1/3 justify-center pl-0 sm:basis-1/4 md:basis-1/5 lg:basis-1/6",
               carouselItemClassName
             ),
-            children: /* @__PURE__ */ jsx("div", { className: cn("mx-6 flex shrink-0 items-center justify-center rounded-lg border border-border bg-background/80 p-4 backdrop-blur-sm", logoWrapperClassName), children: /* @__PURE__ */ jsx(
-              Img,
+            children: /* @__PURE__ */ jsx(
+              "div",
               {
-                src: logo.logo,
-                alt: `${logo.name} logo`,
-                width: 100,
-                height: 40,
-                className: cn("h-8 w-auto object-contain", logo.imgClassName),
-                optixFlowConfig
+                className: cn(
+                  "mx-6 flex shrink-0 items-center justify-center rounded-lg border border-border bg-background/80 p-4 backdrop-blur-sm",
+                  logoWrapperClassName
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: logo.logo,
+                    alt: `${logo.name} logo`,
+                    width: 100,
+                    height: 40,
+                    className: cn("h-8 w-auto object-contain", logo.imgClassName),
+                    optixFlowConfig
+                  }
+                )
               }
-            ) })
+            )
           },
           index
         )) })
@@ -1049,12 +1070,56 @@ function LogosDoubleCarouselPattern({
       className: cn("overflow-hidden", className),
       style: getBackgroundStyle(),
       children: [
-        /* @__PURE__ */ jsx("div", { className: cn("absolute inset-0 bg-linear-to-b from-background via-transparent to-background", overlayClassName) }),
-        /* @__PURE__ */ jsxs("div", { className: cn("container relative z-10 mb-16 text-center", headerClassName), children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-4xl lg:text-5xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-8 max-w-2xl text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-4", actionsClassName), children: renderActions() })
-        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "absolute inset-0 bg-linear-to-b from-background via-transparent to-background",
+              overlayClassName
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "container relative z-10 mb-16 text-center",
+              headerClassName
+            ),
+            children: [
+              title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 text-3xl font-bold md:text-4xl lg:text-5xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mx-auto mb-8 max-w-2xl text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center justify-center gap-4",
+                    actionsClassName
+                  ),
+                  children: renderActions()
+                }
+              )
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: cn("relative space-y-8", logosClassName), children: [
           renderTopRowLogos(),
           renderBottomRowLogos()

package/dist/logos-inline-tagline.cjs

@@ -341,6 +341,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -360,7 +361,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -415,10 +416,37 @@ function LogosInlineTagline({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center justify-between gap-12", containerClassName), children: [
-        tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg leading-[140%] tracking-[-0.32px] text-primary", taglineClassName), children: tagline }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap items-center gap-x-8 gap-y-6 opacity-70 grayscale lg:gap-[60px]", partnersClassName), children: renderPartners() })
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-between gap-12",
+            containerClassName
+          ),
+          children: [
+            tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "text-lg leading-[140%] tracking-[-0.32px] text-primary",
+                  taglineClassName
+                ),
+                children: tagline
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "flex flex-wrap items-center gap-x-8 gap-y-6 opacity-70 grayscale lg:gap-[60px]",
+                  partnersClassName
+                ),
+                children: renderPartners()
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/logos-inline-tagline.d.cts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -62,7 +61,7 @@ interface LogosInlineTaglineProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-inline-tagline.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -62,7 +61,7 @@ interface LogosInlineTaglineProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-inline-tagline.js

@@ -335,6 +335,7 @@ var Section = React.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -354,7 +355,7 @@ var Section = React.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -409,10 +410,37 @@ function LogosInlineTagline({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-between gap-12", containerClassName), children: [
-        tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg leading-[140%] tracking-[-0.32px] text-primary", taglineClassName), children: tagline }) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
-        /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-x-8 gap-y-6 opacity-70 grayscale lg:gap-[60px]", partnersClassName), children: renderPartners() })
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-between gap-12",
+            containerClassName
+          ),
+          children: [
+            tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "text-lg leading-[140%] tracking-[-0.32px] text-primary",
+                  taglineClassName
+                ),
+                children: tagline
+              }
+            ) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "flex flex-wrap items-center gap-x-8 gap-y-6 opacity-70 grayscale lg:gap-[60px]",
+                  partnersClassName
+                ),
+                children: renderPartners()
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/logos-marquee-muted.cjs

@@ -363,6 +363,7 @@ var Section = React3__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -382,7 +383,7 @@ var Section = React3__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -562,17 +563,29 @@ function LogosMarqueeMuted({
               "flex basis-1/3 justify-center pl-0 sm:basis-1/4 md:basis-1/5 lg:basis-1/6",
               carouselItemClassName
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-8 flex shrink-0 items-center justify-center", logoWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                src: logo.logo,
-                alt: `${logo.name} logo`,
-                width: 120,
-                height: 40,
-                className: cn("h-8 w-auto object-contain opacity-60 grayscale", logo.imgClassName),
-                optixFlowConfig
+                className: cn(
+                  "mx-8 flex shrink-0 items-center justify-center",
+                  logoWrapperClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: logo.logo,
+                    alt: `${logo.name} logo`,
+                    width: 120,
+                    height: 40,
+                    className: cn(
+                      "h-8 w-auto object-contain opacity-60 grayscale",
+                      logo.imgClassName
+                    ),
+                    optixFlowConfig
+                  }
+                )
               }
-            ) })
+            )
           },
           index
         )) })
@@ -588,11 +601,36 @@ function LogosMarqueeMuted({
       patternOpacity,
       className,
       children: [
-        heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mb-12", children: typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center text-lg font-medium text-muted-foreground", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) }),
+        heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mb-12", children: typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "text-center text-lg font-medium text-muted-foreground",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", logosClassName), children: [
           renderLogos(),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pointer-events-none absolute inset-y-0 left-0 w-24 bg-linear-to-r from-muted to-transparent", leftFadeClassName) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pointer-events-none absolute inset-y-0 right-0 w-24 bg-linear-to-l from-muted to-transparent", rightFadeClassName) })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 left-0 w-24 bg-linear-to-r from-muted to-transparent",
+                leftFadeClassName
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 right-0 w-24 bg-linear-to-l from-muted to-transparent",
+                rightFadeClassName
+              )
+            }
+          )
         ] })
       ]
     }

package/dist/logos-marquee-muted.d.cts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -78,7 +77,7 @@ interface LogosMarqueeMutedProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-marquee-muted.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -78,7 +77,7 @@ interface LogosMarqueeMutedProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-marquee-muted.js

@@ -338,6 +338,7 @@ var Section = React3__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -357,7 +358,7 @@ var Section = React3__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -537,17 +538,29 @@ function LogosMarqueeMuted({
               "flex basis-1/3 justify-center pl-0 sm:basis-1/4 md:basis-1/5 lg:basis-1/6",
               carouselItemClassName
             ),
-            children: /* @__PURE__ */ jsx("div", { className: cn("mx-8 flex shrink-0 items-center justify-center", logoWrapperClassName), children: /* @__PURE__ */ jsx(
-              Img,
+            children: /* @__PURE__ */ jsx(
+              "div",
               {
-                src: logo.logo,
-                alt: `${logo.name} logo`,
-                width: 120,
-                height: 40,
-                className: cn("h-8 w-auto object-contain opacity-60 grayscale", logo.imgClassName),
-                optixFlowConfig
+                className: cn(
+                  "mx-8 flex shrink-0 items-center justify-center",
+                  logoWrapperClassName
+                ),
+                children: /* @__PURE__ */ jsx(
+                  Img,
+                  {
+                    src: logo.logo,
+                    alt: `${logo.name} logo`,
+                    width: 120,
+                    height: 40,
+                    className: cn(
+                      "h-8 w-auto object-contain opacity-60 grayscale",
+                      logo.imgClassName
+                    ),
+                    optixFlowConfig
+                  }
+                )
               }
-            ) })
+            )
           },
           index
         )) })
@@ -563,11 +576,36 @@ function LogosMarqueeMuted({
       patternOpacity,
       className,
       children: [
-        heading && /* @__PURE__ */ jsx("div", { className: "container mb-12", children: typeof heading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-center text-lg font-medium text-muted-foreground", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) }),
+        heading && /* @__PURE__ */ jsx("div", { className: "container mb-12", children: typeof heading === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "text-center text-lg font-medium text-muted-foreground",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) }),
         /* @__PURE__ */ jsxs("div", { className: cn("relative", logosClassName), children: [
           renderLogos(),
-          /* @__PURE__ */ jsx("div", { className: cn("pointer-events-none absolute inset-y-0 left-0 w-24 bg-linear-to-r from-muted to-transparent", leftFadeClassName) }),
-          /* @__PURE__ */ jsx("div", { className: cn("pointer-events-none absolute inset-y-0 right-0 w-24 bg-linear-to-l from-muted to-transparent", rightFadeClassName) })
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 left-0 w-24 bg-linear-to-r from-muted to-transparent",
+                leftFadeClassName
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "pointer-events-none absolute inset-y-0 right-0 w-24 bg-linear-to-l from-muted to-transparent",
+                rightFadeClassName
+              )
+            }
+          )
         ] })
       ]
     }

package/dist/logos-minimal-carousel.cjs

@@ -363,6 +363,7 @@ var Section = React3__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -382,7 +383,7 @@ var Section = React3__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -559,17 +560,29 @@ function LogosMinimalCarousel({
               "flex basis-1/3 justify-center border-r border-border pl-0 last:border-r-0 sm:basis-1/4 md:basis-1/5 lg:basis-1/6",
               carouselItemClassName
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex shrink-0 items-center justify-center px-8", logoWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                src: logo.logo,
-                alt: `${logo.name} logo`,
-                width: 100,
-                height: 32,
-                className: cn("h-8 w-auto object-contain opacity-50 grayscale transition-all hover:opacity-100 hover:grayscale-0", logo.imgClassName),
-                optixFlowConfig
+                className: cn(
+                  "flex shrink-0 items-center justify-center px-8",
+                  logoWrapperClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: logo.logo,
+                    alt: `${logo.name} logo`,
+                    width: 100,
+                    height: 32,
+                    className: cn(
+                      "h-8 w-auto object-contain opacity-50 grayscale transition-all hover:opacity-100 hover:grayscale-0",
+                      logo.imgClassName
+                    ),
+                    optixFlowConfig
+                  }
+                )
               }
-            ) })
+            )
           },
           index
         )) })
@@ -584,7 +597,17 @@ function LogosMinimalCarousel({
       pattern,
       patternOpacity,
       className,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative border-y border-border", borderContainerClassName, logosClassName), children: renderLogos() })
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "relative border-y border-border",
+            borderContainerClassName,
+            logosClassName
+          ),
+          children: renderLogos()
+        }
+      )
     }
   );
 }