@opensite/ui 1.6.4 → 1.6.6

package/dist/hero-overlay-cta-grid.js

@@ -117,34 +117,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-var maxWidthStyles = {
-  sm: "max-w-screen-sm",
-  md: "max-w-screen-md",
-  lg: "max-w-screen-lg",
-  xl: "max-w-7xl",
-  "2xl": "max-w-screen-2xl",
-  "4xl": "max-w-[1536px]",
-  full: "max-w-full"
-};
-var Container = React__default.forwardRef(
-  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
-    const Component = as;
-    return /* @__PURE__ */ jsx(
-      Component,
-      {
-        ref,
-        className: cn(
-          "mx-auto w-full px-2 sm:px-4 lg:px-8",
-          maxWidthStyles[maxWidth],
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Container.displayName = "Container";
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -563,6 +535,34 @@ var Pressable = React.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+var maxWidthStyles = {
+  sm: "max-w-screen-sm",
+  md: "max-w-screen-md",
+  lg: "max-w-screen-lg",
+  xl: "max-w-7xl",
+  "2xl": "max-w-screen-2xl",
+  "4xl": "max-w-[1536px]",
+  full: "max-w-full"
+};
+var Container = React__default.forwardRef(
+  ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
+    const Component = as;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: cn(
+          "mx-auto w-full px-2 sm:px-4 lg:px-8",
+          maxWidthStyles[maxWidth],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
 
 // lib/patternSvgs.ts
 var patternSvgs = {
@@ -998,7 +998,7 @@ function HeroOverlayCtaGrid({
           optixFlowConfig
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-r from-black/80 via-black/65 to-black/20" })
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-b from-black/80 via-black/65 to-black/20" })
     ] });
   }, [backgroundSlot, backgroundImage, backgroundAlt, optixFlowConfig]);
   return /* @__PURE__ */ jsxs(
@@ -1009,71 +1009,66 @@ function HeroOverlayCtaGrid({
       pattern,
       patternOpacity,
       className: cn(
-        "relative flex h-full min-h-screen w-screen items-center justify-center overflow-hidden bg-black pb-0 pt-0 md:pt-0 px-6",
+        "relative flex h-full min-h-screen w-screen items-center justify-center overflow-hidden bg-black pb-0 pt-0 md:pt-0 px-0",
         className
       ),
+      containerClassName,
       children: [
         renderBackground,
-        /* @__PURE__ */ jsxs(
-          Container,
-          {
-            className: cn("relative flex flex-col gap-12", containerClassName),
-            children: [
-              /* @__PURE__ */ jsxs(
-                motion.div,
-                {
-                  initial: { opacity: 0, y: 28 },
-                  animate: { opacity: 1, y: 0 },
-                  transition: { duration: 0.6, ease: "easeOut" },
-                  className: "mx-auto max-w-3xl text-center text-balance text-white px-0",
-                  children: [
-                    renderBadge,
-                    heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-                      "h1",
-                      {
-                        className: cn(
-                          "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
-                          headingClassName
-                        ),
-                        children: heading
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      "h1",
-                      {
-                        className: cn(
-                          "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
-                          headingClassName
-                        ),
-                        children: heading
-                      }
-                    )),
-                    description && (typeof description === "string" ? /* @__PURE__ */ jsx(
-                      "p",
-                      {
-                        className: cn(
-                          "mt-5 text-lg md:text-xl text-balance",
-                          descriptionClassName
-                        ),
-                        children: description
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: cn(
-                          "mt-5 text-lg md:text-xl text-balance",
-                          descriptionClassName
-                        ),
-                        children: description
-                      }
-                    )),
-                    renderActions
-                  ]
-                }
-              ),
-              renderCards
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col gap-12 px-6", children: [
+          /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              initial: { opacity: 0, y: 28 },
+              animate: { opacity: 1, y: 0 },
+              transition: { duration: 0.6, ease: "easeOut" },
+              className: "mx-auto max-w-3xl text-center text-balance text-white px-0",
+              children: [
+                renderBadge,
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "h1",
+                  {
+                    className: cn(
+                      "mt-6 text-4xl font-bold leading-tight md:text-5xl lg:text-6xl text-balance",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                )),
+                description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "mt-5 text-lg md:text-xl text-balance",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mt-5 text-lg md:text-xl text-balance",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                )),
+                renderActions
+              ]
+            }
+          ),
+          renderCards
+        ] })
       ]
     }
   );

package/dist/hero-pattern-badge-logos.cjs

@@ -879,7 +879,6 @@ function HeroPatternBadgeLogos({
   badgeClassName,
   actionsClassName,
   logosClassName,
-  backgroundClassName,
   optixFlowConfig
 }) {
   const renderActions = React.useMemo(() => {
@@ -922,7 +921,10 @@ function HeroPatternBadgeLogos({
           {
             src: src.light,
             alt,
-            className: cn(imgClassName, "dark:hidden"),
+            className: cn(
+              imgClassName,
+              "w-full h-10 object-contain dark:hidden"
+            ),
             optixFlowConfig
           }
         ),
@@ -931,7 +933,10 @@ function HeroPatternBadgeLogos({
           {
             src: src.dark,
             alt,
-            className: cn(imgClassName, "hidden dark:block"),
+            className: cn(
+              imgClassName,
+              "w-full h-10 object-contain hidden dark:block"
+            ),
             optixFlowConfig
           }
         )
@@ -940,14 +945,24 @@ function HeroPatternBadgeLogos({
         {
           src,
           alt,
-          className: imgClassName,
+          className: cn("w-full h-10 object-contain", imgClassName),
           optixFlowConfig
         }
       );
       if (href) {
         return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href, className: logoClassName, children: imgElement }, index);
       }
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: logoClassName, children: imgElement }, index);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "w-auto max-h-10 h-10 flex items-center justify-center",
+            logoClassName
+          ),
+          children: imgElement
+        },
+        index
+      );
     });
   }, [logosSlot, logos, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -957,7 +972,7 @@ function HeroPatternBadgeLogos({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("relative p-0", className),
+      className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -994,7 +1009,7 @@ function HeroPatternBadgeLogos({
               "div",
               {
                 className: cn(
-                  "mt-6 flex items-center gap-4 flex-col md:flex-row w-full",
+                  "mt-6 flex items-center justify-center gap-4 flex-col md:flex-row w-full",
                   actionsClassName
                 ),
                 children: renderActions
@@ -1009,7 +1024,7 @@ function HeroPatternBadgeLogos({
                 ),
                 children: [
                   logosTagline && (typeof logosTagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center text-sm"), children: logosTagline }) : logosTagline),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 place-items-center items-center justify-center gap-6 opacity-80 sm:grid-cols-4 sm:gap-4 w-full", children: renderLogos })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center flex-wrap gap-12", children: renderLogos })
                 ]
               }
             )

package/dist/hero-pattern-badge-logos.d.cts

@@ -1,9 +1,9 @@
 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, L as LogoItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { A as ActionConfig, L as LogoItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface HeroPatternBadgeLogosProps {
@@ -87,15 +87,11 @@ interface HeroPatternBadgeLogosProps {
      * Additional CSS classes for the logos container
      */
     logosClassName?: string;
-    /**
-     * Additional CSS classes for the background pattern
-     */
-    backgroundClassName?: string;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
-declare function HeroPatternBadgeLogos({ badge, heading, description, actions, actionsSlot, logos, logosSlot, logosTagline, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, badgeClassName, actionsClassName, logosClassName, backgroundClassName, optixFlowConfig, }: HeroPatternBadgeLogosProps): React.JSX.Element;
+declare function HeroPatternBadgeLogos({ badge, heading, description, actions, actionsSlot, logos, logosSlot, logosTagline, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, badgeClassName, actionsClassName, logosClassName, optixFlowConfig, }: HeroPatternBadgeLogosProps): React.JSX.Element;
 
 export { HeroPatternBadgeLogos, type HeroPatternBadgeLogosProps };

package/dist/hero-pattern-badge-logos.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { A as ActionConfig, L as LogoItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { A as ActionConfig, L as LogoItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface HeroPatternBadgeLogosProps {
@@ -87,15 +87,11 @@ interface HeroPatternBadgeLogosProps {
      * Additional CSS classes for the logos container
      */
     logosClassName?: string;
-    /**
-     * Additional CSS classes for the background pattern
-     */
-    backgroundClassName?: string;
     /**
      * OptixFlow image optimization configuration
      */
     optixFlowConfig?: OptixFlowConfig;
 }
-declare function HeroPatternBadgeLogos({ badge, heading, description, actions, actionsSlot, logos, logosSlot, logosTagline, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, badgeClassName, actionsClassName, logosClassName, backgroundClassName, optixFlowConfig, }: HeroPatternBadgeLogosProps): React.JSX.Element;
+declare function HeroPatternBadgeLogos({ badge, heading, description, actions, actionsSlot, logos, logosSlot, logosTagline, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, badgeClassName, actionsClassName, logosClassName, optixFlowConfig, }: HeroPatternBadgeLogosProps): React.JSX.Element;
 
 export { HeroPatternBadgeLogos, type HeroPatternBadgeLogosProps };

package/dist/hero-pattern-badge-logos.js

@@ -858,7 +858,6 @@ function HeroPatternBadgeLogos({
   badgeClassName,
   actionsClassName,
   logosClassName,
-  backgroundClassName,
   optixFlowConfig
 }) {
   const renderActions = useMemo(() => {
@@ -901,7 +900,10 @@ function HeroPatternBadgeLogos({
           {
             src: src.light,
             alt,
-            className: cn(imgClassName, "dark:hidden"),
+            className: cn(
+              imgClassName,
+              "w-full h-10 object-contain dark:hidden"
+            ),
             optixFlowConfig
           }
         ),
@@ -910,7 +912,10 @@ function HeroPatternBadgeLogos({
           {
             src: src.dark,
             alt,
-            className: cn(imgClassName, "hidden dark:block"),
+            className: cn(
+              imgClassName,
+              "w-full h-10 object-contain hidden dark:block"
+            ),
             optixFlowConfig
           }
         )
@@ -919,14 +924,24 @@ function HeroPatternBadgeLogos({
         {
           src,
           alt,
-          className: imgClassName,
+          className: cn("w-full h-10 object-contain", imgClassName),
           optixFlowConfig
         }
       );
       if (href) {
         return /* @__PURE__ */ jsx(Pressable, { href, className: logoClassName, children: imgElement }, index);
       }
-      return /* @__PURE__ */ jsx("div", { className: logoClassName, children: imgElement }, index);
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-auto max-h-10 h-10 flex items-center justify-center",
+            logoClassName
+          ),
+          children: imgElement
+        },
+        index
+      );
     });
   }, [logosSlot, logos, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
@@ -936,7 +951,7 @@ function HeroPatternBadgeLogos({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("relative p-0", className),
+      className,
       containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
         "div",
@@ -973,7 +988,7 @@ function HeroPatternBadgeLogos({
               "div",
               {
                 className: cn(
-                  "mt-6 flex items-center gap-4 flex-col md:flex-row w-full",
+                  "mt-6 flex items-center justify-center gap-4 flex-col md:flex-row w-full",
                   actionsClassName
                 ),
                 children: renderActions
@@ -988,7 +1003,7 @@ function HeroPatternBadgeLogos({
                 ),
                 children: [
                   logosTagline && (typeof logosTagline === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-center text-sm"), children: logosTagline }) : logosTagline),
-                  /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 place-items-center items-center justify-center gap-6 opacity-80 sm:grid-cols-4 sm:gap-4 w-full", children: renderLogos })
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center flex-wrap gap-12", children: renderLogos })
                 ]
               }
             )

package/dist/hero-pattern-logo-tech-stack.cjs

@@ -907,19 +907,19 @@ function HeroPatternLogoTechStack({
       "div",
       {
         className: cn(
-          "mt-20 flex flex-col items-center gap-5",
+          "mt-8 md:mt-20 flex flex-col items-center gap-5",
           techLogosClassName
         ),
         children: [
           techStackLabel && (typeof techStackLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-medium lg:text-left"), children: techStackLabel }) : techStackLabel),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center justify-center gap-4", children: techLogos.map((techLogo, index) => {
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col md:flex-row flex-wrap items-center justify-center gap-8 md:gap-4", children: techLogos.map((techLogo, index) => {
             const techLogoSrc = typeof techLogo.src === "string" ? techLogo.src : techLogo.src.light;
             return /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: techLogo.href,
                 className: cn(
-                  "group flex w-auto h-12 items-center justify-center p-0",
+                  "group flex w-auto h-12 md:h-10 items-center justify-center max-w-full md:max-w-30 max-h-12 md:max-h-10 min-h-12 md:min-h-10 p-2 md:p-1",
                   techLogo.className
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(

package/dist/hero-pattern-logo-tech-stack.d.cts

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

package/dist/hero-pattern-logo-tech-stack.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { L as LogoItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { L as LogoItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface HeroPatternLogoTechStackProps {

package/dist/hero-pattern-logo-tech-stack.js

@@ -886,19 +886,19 @@ function HeroPatternLogoTechStack({
       "div",
       {
         className: cn(
-          "mt-20 flex flex-col items-center gap-5",
+          "mt-8 md:mt-20 flex flex-col items-center gap-5",
           techLogosClassName
         ),
         children: [
           techStackLabel && (typeof techStackLabel === "string" ? /* @__PURE__ */ jsx("p", { className: cn("font-medium lg:text-left"), children: techStackLabel }) : techStackLabel),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-center gap-4", children: techLogos.map((techLogo, index) => {
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col md:flex-row flex-wrap items-center justify-center gap-8 md:gap-4", children: techLogos.map((techLogo, index) => {
             const techLogoSrc = typeof techLogo.src === "string" ? techLogo.src : techLogo.src.light;
             return /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: techLogo.href,
                 className: cn(
-                  "group flex w-auto h-12 items-center justify-center p-0",
+                  "group flex w-auto h-12 md:h-10 items-center justify-center max-w-full md:max-w-30 max-h-12 md:max-h-10 min-h-12 md:min-h-10 p-2 md:p-1",
                   techLogo.className
                 ),
                 children: /* @__PURE__ */ jsx(