@opensite/ui 0.4.1 → 0.4.3

package/dist/link-tree-block.js

@@ -569,22 +569,6 @@ function Badge({
   );
 }
 
-// lib/patternSvgs.ts
-var patternSvgs = {
-  squareAltGrid: "https://cdn.ing/assets/files/record/286187/4gpn0yq2ptra8iwlvmwwv860ggwv",
-  grid1: "https://cdn.ing/assets/files/record/286186/nbdflpgp4ostrno079hygibsflp3",
-  noise: "https://cdn.ing/assets/i/r/286188/zrqcp9hynh3j7p2laihwzfbujgrl/noise.png",
-  dots: "https://cdn.ing/assets/files/record/286198/yfsjx9thvtxzhl2qtshxyhkrm524",
-  dotPattern: "https://cdn.ing/assets/files/record/286192/7ig0cku8aqbboiza8nuk6hw0nnsr",
-  dotPattern2: "https://cdn.ing/assets/files/record/286189/arez6gd2s7isn9i1o6c7sexdq7bl",
-  circles: "https://cdn.ing/assets/files/record/286190/gtmia3sncjtzetdshc20zf1d3c17",
-  waves: "https://cdn.ing/assets/files/record/286191/mqlb33fzxz9cdth1bx7if0wmpkp1",
-  crossPattern: "https://cdn.ing/assets/files/record/286193/9yfqwdbnqaipbp7fsb3wbzzmq472",
-  architect: "https://cdn.ing/assets/files/record/286194/vgs88ugpvyhxu13wqgy0acvae6re",
-  tinyCheckers: "https://cdn.ing/assets/files/record/286195/65efaknsw8kcpf9o3c2gybytsl5b",
-  p6: "https://cdn.ing/assets/i/r/286196/6kl0rqnd6mjk8j7e525fo8fo0vkc/p6.webp"
-};
-
 // lib/blockBrandedIconsAndPlaceholders.ts
 var blockBrandedIconsAndPlaceholders = {
   avatar1: "https://cdn.ing/assets/i/r/286239/ebm7o3j2kx48vw98emnwjaf5qvl6/avatar-1.webp"};
@@ -616,6 +600,22 @@ var Container = React__default.forwardRef(
   }
 );
 Container.displayName = "Container";
+
+// lib/patternSvgs.ts
+var patternSvgs = {
+  squareAltGrid: "https://cdn.ing/assets/files/record/286187/4gpn0yq2ptra8iwlvmwwv860ggwv",
+  grid1: "https://cdn.ing/assets/files/record/286186/nbdflpgp4ostrno079hygibsflp3",
+  noise: "https://cdn.ing/assets/i/r/286188/zrqcp9hynh3j7p2laihwzfbujgrl/noise.png",
+  dots: "https://cdn.ing/assets/files/record/286198/yfsjx9thvtxzhl2qtshxyhkrm524",
+  dotPattern: "https://cdn.ing/assets/files/record/286192/7ig0cku8aqbboiza8nuk6hw0nnsr",
+  dotPattern2: "https://cdn.ing/assets/files/record/286189/arez6gd2s7isn9i1o6c7sexdq7bl",
+  circles: "https://cdn.ing/assets/files/record/286190/gtmia3sncjtzetdshc20zf1d3c17",
+  waves: "https://cdn.ing/assets/files/record/286191/mqlb33fzxz9cdth1bx7if0wmpkp1",
+  crossPattern: "https://cdn.ing/assets/files/record/286193/9yfqwdbnqaipbp7fsb3wbzzmq472",
+  architect: "https://cdn.ing/assets/files/record/286194/vgs88ugpvyhxu13wqgy0acvae6re",
+  tinyCheckers: "https://cdn.ing/assets/files/record/286195/65efaknsw8kcpf9o3c2gybytsl5b",
+  p6: "https://cdn.ing/assets/i/r/286196/6kl0rqnd6mjk8j7e525fo8fo0vkc/p6.webp"
+};
 var maskTop = "radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)";
 var maskBottom = "radial-gradient(ellipse 100% 80% at 50% 100%, #000 50%, transparent 90%)";
 var maskCenter = "radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 70%)";
@@ -898,6 +898,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -917,7 +918,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -986,7 +987,7 @@ function LinkTreeBlock({
   pattern,
   patternOpacity,
   patternClassName,
-  backgroundPattern = patternSvgs.dots,
+  backgroundPattern = "dotPattern",
   accentColor,
   optixFlowConfig
 }) {
@@ -1065,7 +1066,10 @@ function LinkTreeBlock({
                   {
                     name: "lucide/check",
                     size: 14,
-                    className: cn("text-primary-foreground", verifiedIconClassName)
+                    className: cn(
+                      "text-primary-foreground",
+                      verifiedIconClassName
+                    )
                   }
                 )
               }
@@ -1224,10 +1228,7 @@ function LinkTreeBlock({
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: cn(
-            "grid grid-cols-3 gap-2",
-            mediaGalleryGridClassName
-          ),
+          className: cn("grid grid-cols-3 gap-2", mediaGalleryGridClassName),
           children: items.map((item, index) => /* @__PURE__ */ jsxs(
             "div",
             {

package/dist/list-searchable-grid.cjs

@@ -910,6 +910,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -929,7 +930,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -998,23 +999,62 @@ function ListSearchableGrid({
     if (itemsSlot) return itemsSlot;
     if (!filteredItems || filteredItems.length === 0) return null;
     return filteredItems.map((item, index) => {
-      const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("h-full border-border/60 p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl", cardClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
-          item.icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary", cardIconClassName), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 22 }) }) : null,
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-lg font-semibold text-foreground", cardTitleClassName), children: item.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardTitleClassName, children: item.title })),
-            item.description && (typeof item.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-2 text-sm text-muted-foreground", cardDescriptionClassName), children: item.description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-2", cardDescriptionClassName), children: item.description }))
-          ] })
-        ] }),
-        item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: item.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: cn("rounded-full bg-muted/60 px-3 py-1 text-xs text-foreground", cardTagClassName),
-            children: tag
-          },
-          tag
-        )) }) : null
-      ] });
+      const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(
+        Card,
+        {
+          className: cn(
+            "h-full border-border/60 p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl",
+            cardClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+              item.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary",
+                    cardIconClassName
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 22 })
+                }
+              ) : null,
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h3",
+                  {
+                    className: cn(
+                      "text-lg font-semibold text-foreground",
+                      cardTitleClassName
+                    ),
+                    children: item.title
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardTitleClassName, children: item.title })),
+                item.description && (typeof item.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "mt-2 text-sm text-muted-foreground",
+                      cardDescriptionClassName
+                    ),
+                    children: item.description
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-2", cardDescriptionClassName), children: item.description }))
+              ] })
+            ] }),
+            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: item.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "rounded-full bg-muted/60 px-3 py-1 text-xs text-foreground",
+                  cardTagClassName
+                ),
+                children: tag
+              },
+              tag
+            )) }) : null
+          ]
+        }
+      );
       return /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
@@ -1038,8 +1078,23 @@ function ListSearchableGrid({
       patternOpacity,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold text-foreground md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-3 text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-3", descriptionClassName), children: description }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h2",
+            {
+              className: cn(
+                "text-3xl font-bold text-foreground md:text-4xl",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn("mt-3 text-muted-foreground", descriptionClassName),
+              children: description
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-3", descriptionClassName), children: description }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mt-8 max-w-2xl", searchContainerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1057,13 +1112,34 @@ function ListSearchableGrid({
               placeholder: searchPlaceholder,
               value: searchTerm,
               onChange: (event) => handleSearchChange(event.target.value),
-              className: cn("h-12 rounded-xl border-border/60 bg-background pl-12 pr-4", searchInputClassName),
+              className: cn(
+                "h-12 rounded-xl border-border/60 bg-background pl-12 pr-4",
+                searchInputClassName
+              ),
               "aria-label": "Search"
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", itemsClassName), children: renderItems() }),
-        (filteredItems?.length ?? 0) === 0 && (typeof emptyStateMessage === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-10 text-center text-sm text-muted-foreground", emptyStateClassName), children: emptyStateMessage }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 text-center", emptyStateClassName), children: emptyStateMessage }))
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mt-10 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
+              itemsClassName
+            ),
+            children: renderItems()
+          }
+        ),
+        (filteredItems?.length ?? 0) === 0 && (typeof emptyStateMessage === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn(
+              "mt-10 text-center text-sm text-muted-foreground",
+              emptyStateClassName
+            ),
+            children: emptyStateMessage
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 text-center", emptyStateClassName), children: emptyStateMessage }))
       ]
     }
   );

package/dist/list-searchable-grid.d.cts

@@ -1,8 +1,7 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
@@ -122,7 +121,7 @@ interface ListSearchableGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/list-searchable-grid.d.ts

@@ -1,8 +1,7 @@
 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 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import './blocks-k17uluAz.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
@@ -122,7 +121,7 @@ interface ListSearchableGridProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/list-searchable-grid.js

@@ -889,6 +889,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -908,7 +909,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -977,23 +978,62 @@ function ListSearchableGrid({
     if (itemsSlot) return itemsSlot;
     if (!filteredItems || filteredItems.length === 0) return null;
     return filteredItems.map((item, index) => {
-      const cardContent = /* @__PURE__ */ jsxs(Card, { className: cn("h-full border-border/60 p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl", cardClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          item.icon ? /* @__PURE__ */ jsx("div", { className: cn("flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary", cardIconClassName), children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 22 }) }) : null,
-          /* @__PURE__ */ jsxs("div", { children: [
-            item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold text-foreground", cardTitleClassName), children: item.title }) : /* @__PURE__ */ jsx("div", { className: cardTitleClassName, children: item.title })),
-            item.description && (typeof item.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2 text-sm text-muted-foreground", cardDescriptionClassName), children: item.description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-2", cardDescriptionClassName), children: item.description }))
-          ] })
-        ] }),
-        item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: item.tags.map((tag) => /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn("rounded-full bg-muted/60 px-3 py-1 text-xs text-foreground", cardTagClassName),
-            children: tag
-          },
-          tag
-        )) }) : null
-      ] });
+      const cardContent = /* @__PURE__ */ jsxs(
+        Card,
+        {
+          className: cn(
+            "h-full border-border/60 p-6 transition-all duration-300 hover:-translate-y-1 hover:shadow-xl",
+            cardClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+              item.icon ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10 text-primary",
+                    cardIconClassName
+                  ),
+                  children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 22 })
+                }
+              ) : null,
+              /* @__PURE__ */ jsxs("div", { children: [
+                item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsx(
+                  "h3",
+                  {
+                    className: cn(
+                      "text-lg font-semibold text-foreground",
+                      cardTitleClassName
+                    ),
+                    children: item.title
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: cardTitleClassName, children: item.title })),
+                item.description && (typeof item.description === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "mt-2 text-sm text-muted-foreground",
+                      cardDescriptionClassName
+                    ),
+                    children: item.description
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: cn("mt-2", cardDescriptionClassName), children: item.description }))
+              ] })
+            ] }),
+            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-4 flex flex-wrap gap-2", children: item.tags.map((tag) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "rounded-full bg-muted/60 px-3 py-1 text-xs text-foreground",
+                  cardTagClassName
+                ),
+                children: tag
+              },
+              tag
+            )) }) : null
+          ]
+        }
+      );
       return /* @__PURE__ */ jsx(
         motion.div,
         {
@@ -1017,8 +1057,23 @@ function ListSearchableGrid({
       patternOpacity,
       children: [
         /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold text-foreground md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-3 text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-3", descriptionClassName), children: description }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+            "h2",
+            {
+              className: cn(
+                "text-3xl font-bold text-foreground md:text-4xl",
+                headingClassName
+              ),
+              children: heading
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn("mt-3 text-muted-foreground", descriptionClassName),
+              children: description
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: cn("mt-3", descriptionClassName), children: description }))
         ] }),
         /* @__PURE__ */ jsx("div", { className: cn("mx-auto mt-8 max-w-2xl", searchContainerClassName), children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
           /* @__PURE__ */ jsx(
@@ -1036,13 +1091,34 @@ function ListSearchableGrid({
               placeholder: searchPlaceholder,
               value: searchTerm,
               onChange: (event) => handleSearchChange(event.target.value),
-              className: cn("h-12 rounded-xl border-border/60 bg-background pl-12 pr-4", searchInputClassName),
+              className: cn(
+                "h-12 rounded-xl border-border/60 bg-background pl-12 pr-4",
+                searchInputClassName
+              ),
               "aria-label": "Search"
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-10 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", itemsClassName), children: renderItems() }),
-        (filteredItems?.length ?? 0) === 0 && (typeof emptyStateMessage === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-10 text-center text-sm text-muted-foreground", emptyStateClassName), children: emptyStateMessage }) : /* @__PURE__ */ jsx("div", { className: cn("mt-10 text-center", emptyStateClassName), children: emptyStateMessage }))
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mt-10 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
+              itemsClassName
+            ),
+            children: renderItems()
+          }
+        ),
+        (filteredItems?.length ?? 0) === 0 && (typeof emptyStateMessage === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-10 text-center text-sm text-muted-foreground",
+              emptyStateClassName
+            ),
+            children: emptyStateMessage
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: cn("mt-10 text-center", emptyStateClassName), children: emptyStateMessage }))
       ]
     }
   );

package/dist/logos-carousel-heading.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
             }
           ),
@@ -563,15 +564,24 @@ function LogosCarouselHeading({
               "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-10 flex shrink-0 items-center justify-center", logoWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                src: logo.image,
-                alt: logo.description,
-                className: logo.className,
-                optixFlowConfig
+                className: cn(
+                  "mx-10 flex shrink-0 items-center justify-center",
+                  logoWrapperClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
+                  {
+                    src: logo.image,
+                    alt: logo.description,
+                    className: logo.className,
+                    optixFlowConfig
+                  }
+                ) })
               }
-            ) }) })
+            )
           },
           logo.id
         )) })
@@ -587,12 +597,55 @@ function LogosCarouselHeading({
       patternOpacity,
       className,
       children: [
-        heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container flex flex-col items-center text-center", headerClassName), children: typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("my-6 text-2xl font-bold text-pretty lg:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-16 lg:pt-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative mx-auto flex items-center justify-center lg:max-w-5xl", logosClassName), children: [
-          renderLogos(),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute inset-y-0 left-0 w-12 bg-linear-to-r from-background to-transparent", leftFadeClassName) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute inset-y-0 right-0 w-12 bg-linear-to-l from-background to-transparent", rightFadeClassName) })
-        ] }) })
+        heading && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "container flex flex-col items-center text-center",
+              headerClassName
+            ),
+            children: typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h1",
+              {
+                className: cn(
+                  "my-6 text-2xl font-bold text-pretty lg:text-4xl",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-16 lg:pt-20", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "relative mx-auto flex items-center justify-center lg:max-w-5xl",
+              logosClassName
+            ),
+            children: [
+              renderLogos(),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute inset-y-0 left-0 w-12 bg-linear-to-r from-background to-transparent",
+                    leftFadeClassName
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute inset-y-0 right-0 w-12 bg-linear-to-l from-background to-transparent",
+                    rightFadeClassName
+                  )
+                }
+              )
+            ]
+          }
+        ) })
       ]
     }
   );

package/dist/logos-carousel-heading.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';
@@ -86,7 +85,7 @@ interface LogosCarouselHeadingProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/logos-carousel-heading.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';
@@ -86,7 +85,7 @@ interface LogosCarouselHeadingProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */