@opensite/ui 0.4.1 → 0.4.3

package/dist/logos-partner-network.cjs

@@ -809,6 +809,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -828,7 +829,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -922,13 +923,49 @@ function LogosPartnerNetwork({
       patternOpacity,
       className,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center text-center", headerClassName), children: [
-          badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badge })),
-          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 max-w-2xl text-3xl font-bold md:text-4xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-8 max-w-xl text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: renderActions() })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-16 grid grid-cols-2 gap-8 sm:grid-cols-3 md:grid-cols-4", logosClassName), children: renderLogos() })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col items-center text-center",
+              headerClassName
+            ),
+            children: [
+              badge && (typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badge })),
+              title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 max-w-2xl text-3xl font-bold md:text-4xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-8 max-w-xl text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: actionsClassName, children: renderActions() })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mt-16 grid grid-cols-2 gap-8 sm:grid-cols-3 md:grid-cols-4",
+              logosClassName
+            ),
+            children: renderLogos()
+          }
+        )
       ]
     }
   );

package/dist/logos-partner-network.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 { A as ActionConfig, 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';
@@ -98,7 +97,7 @@ interface LogosPartnerNetworkProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-partner-network.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';
@@ -98,7 +97,7 @@ interface LogosPartnerNetworkProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-partner-network.js

@@ -788,6 +788,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -807,7 +808,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -901,13 +902,49 @@ function LogosPartnerNetwork({
       patternOpacity,
       className,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center text-center", headerClassName), children: [
-          badge && (typeof badge === "string" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badge })),
-          title && (typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mb-4 max-w-2xl text-3xl font-bold md:text-4xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-8 max-w-xl text-lg text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-          /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions() })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-16 grid grid-cols-2 gap-8 sm:grid-cols-3 md:grid-cols-4", logosClassName), children: renderLogos() })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col items-center text-center",
+              headerClassName
+            ),
+            children: [
+              badge && (typeof badge === "string" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: cn("mb-4", badgeClassName), children: badge }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badge })),
+              title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "mb-4 max-w-2xl text-3xl font-bold md:text-4xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: titleClassName, children: title })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn(
+                    "mb-8 max-w-xl text-lg text-muted-foreground",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+              /* @__PURE__ */ jsx("div", { className: actionsClassName, children: renderActions() })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mt-16 grid grid-cols-2 gap-8 sm:grid-cols-3 md:grid-cols-4",
+              logosClassName
+            ),
+            children: renderLogos()
+          }
+        )
       ]
     }
   );

package/dist/logos-two-row-grid.cjs

@@ -776,6 +776,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -795,7 +796,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -856,8 +857,28 @@ function LogosTwoRowGrid({
     if (companiesSlot) return companiesSlot;
     if (!companies || companies.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", logosClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-x-12 gap-y-8", rowClassName), children: firstRow.map((company, index) => renderCompanyLogo(company, index)) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-x-12 gap-y-8", rowClassName), children: secondRow.map((company, index) => renderCompanyLogo(company, index + firstRow.length)) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-center gap-x-12 gap-y-8",
+            rowClassName
+          ),
+          children: firstRow.map((company, index) => renderCompanyLogo(company, index))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-center gap-x-12 gap-y-8",
+            rowClassName
+          ),
+          children: secondRow.map(
+            (company, index) => renderCompanyLogo(company, index + firstRow.length)
+          )
+        }
+      )
     ] });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -869,7 +890,16 @@ function LogosTwoRowGrid({
       patternOpacity,
       className,
       children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-12 text-center text-lg text-muted-foreground", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "mb-12 text-center text-lg text-muted-foreground",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
         renderCompanies()
       ]
     }

package/dist/logos-two-row-grid.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';
@@ -74,7 +73,7 @@ interface LogosTwoRowGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-two-row-grid.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';
@@ -74,7 +73,7 @@ interface LogosTwoRowGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-two-row-grid.js

@@ -755,6 +755,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -774,7 +775,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -835,8 +836,28 @@ function LogosTwoRowGrid({
     if (companiesSlot) return companiesSlot;
     if (!companies || companies.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: cn("space-y-8", logosClassName), children: [
-      /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-x-12 gap-y-8", rowClassName), children: firstRow.map((company, index) => renderCompanyLogo(company, index)) }),
-      /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-x-12 gap-y-8", rowClassName), children: secondRow.map((company, index) => renderCompanyLogo(company, index + firstRow.length)) })
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-center gap-x-12 gap-y-8",
+            rowClassName
+          ),
+          children: firstRow.map((company, index) => renderCompanyLogo(company, index))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex flex-wrap items-center justify-center gap-x-12 gap-y-8",
+            rowClassName
+          ),
+          children: secondRow.map(
+            (company, index) => renderCompanyLogo(company, index + firstRow.length)
+          )
+        }
+      )
     ] });
   };
   return /* @__PURE__ */ jsxs(
@@ -848,7 +869,16 @@ function LogosTwoRowGrid({
       patternOpacity,
       className,
       children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-12 text-center text-lg text-muted-foreground", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mb-12 text-center text-lg text-muted-foreground",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
         renderCompanies()
       ]
     }

package/dist/masonry-motion-grid.cjs

@@ -343,6 +343,7 @@ var Section = React__default.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -362,7 +363,7 @@ var Section = React__default.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -402,12 +403,15 @@ function MasonryMotionGrid({
 }) {
   const [lightboxOpen, setLightboxOpen] = React.useState(false);
   const [lightboxIndex, setLightboxIndex] = React.useState(0);
-  const allImages = React.useMemo(() => [
-    ...column1Images ?? [],
-    ...column2Images ?? [],
-    ...column3Images ?? [],
-    ...column4Images ?? []
-  ], [column1Images, column2Images, column3Images, column4Images]);
+  const allImages = React.useMemo(
+    () => [
+      ...column1Images ?? [],
+      ...column2Images ?? [],
+      ...column3Images ?? [],
+      ...column4Images ?? []
+    ],
+    [column1Images, column2Images, column3Images, column4Images]
+  );
   const lightboxItems = React.useMemo(
     () => allImages.map((img, index) => ({
       id: `masonry-image-${index}`,
@@ -419,18 +423,21 @@ function MasonryMotionGrid({
     })),
     [allImages]
   );
-  const getGlobalIndex = React.useCallback((columnIndex, imageIndex) => {
-    const col1Len = column1Images?.length ?? 0;
-    const col2Len = column2Images?.length ?? 0;
-    const col3Len = column3Images?.length ?? 0;
-    const columnOffsets = [
-      0,
-      col1Len,
-      col1Len + col2Len,
-      col1Len + col2Len + col3Len
-    ];
-    return columnOffsets[columnIndex] + imageIndex;
-  }, [column1Images?.length, column2Images?.length, column3Images?.length]);
+  const getGlobalIndex = React.useCallback(
+    (columnIndex, imageIndex) => {
+      const col1Len = column1Images?.length ?? 0;
+      const col2Len = column2Images?.length ?? 0;
+      const col3Len = column3Images?.length ?? 0;
+      const columnOffsets = [
+        0,
+        col1Len,
+        col1Len + col2Len,
+        col1Len + col2Len + col3Len
+      ];
+      return columnOffsets[columnIndex] + imageIndex;
+    },
+    [column1Images?.length, column2Images?.length, column3Images?.length]
+  );
   const handleImageClick = React.useCallback((globalIndex) => {
     setLightboxIndex(globalIndex);
     setLightboxOpen(true);
@@ -473,7 +480,11 @@ function MasonryMotionGrid({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         img.Img,
         {
-          className: cn("h-full w-full rounded-2xl object-cover", imageClassName, image.className),
+          className: cn(
+            "h-full w-full rounded-2xl object-cover",
+            imageClassName,
+            image.className
+          ),
           src: image.src,
           alt: image.alt,
           loading: "lazy",
@@ -518,7 +529,11 @@ function MasonryMotionGrid({
       children: /* @__PURE__ */ jsxRuntime.jsx(
         img.Img,
         {
-          className: cn("h-full w-full rounded-2xl object-cover", imageClassName, image.className),
+          className: cn(
+            "h-full w-full rounded-2xl object-cover",
+            imageClassName,
+            image.className
+          ),
           src: image.src,
           alt: image.alt,
           loading: "lazy",
@@ -531,18 +546,33 @@ function MasonryMotionGrid({
   const renderGrid = () => {
     if (gridSlot) return gridSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-2 gap-3 md:grid-cols-4", gridClassName), children: [
-        renderColumn(column1Images ?? [], "up", 0),
-        renderColumn(column2Images ?? [], "down", 1),
-        renderColumn(column3Images ?? [], "up", 2),
-        renderColumn4(column4Images ?? [])
-      ] }),
-      showDuplicateGrid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-4 grid grid-cols-2 gap-3 md:grid-cols-4", gridClassName), children: [
-        renderColumn(column1Images ?? [], "up", 0),
-        renderColumn(column2Images ?? [], "down", 1),
-        renderColumn(column3Images ?? [], "up", 2),
-        renderColumn4(column4Images ?? [])
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn("grid grid-cols-2 gap-3 md:grid-cols-4", gridClassName),
+          children: [
+            renderColumn(column1Images ?? [], "up", 0),
+            renderColumn(column2Images ?? [], "down", 1),
+            renderColumn(column3Images ?? [], "up", 2),
+            renderColumn4(column4Images ?? [])
+          ]
+        }
+      ),
+      showDuplicateGrid && /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "mt-4 grid grid-cols-2 gap-3 md:grid-cols-4",
+            gridClassName
+          ),
+          children: [
+            renderColumn(column1Images ?? [], "up", 0),
+            renderColumn(column2Images ?? [], "down", 1),
+            renderColumn(column3Images ?? [], "up", 2),
+            renderColumn4(column4Images ?? [])
+          ]
+        }
+      )
     ] });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/masonry-motion-grid.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';
@@ -96,7 +95,7 @@ interface MasonryMotionGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/masonry-motion-grid.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';
@@ -96,7 +95,7 @@ interface MasonryMotionGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */