@opensite/ui 0.6.4 → 0.6.5

package/dist/blog-masonry-featured.cjs

@@ -836,8 +836,8 @@ function BlogMasonryFeaturedComponent({
   featuredImageClassName,
   postCardClassName,
   optixFlowConfig,
-  background = "white",
-  spacing = "xl",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -847,59 +847,85 @@ function BlogMasonryFeaturedComponent({
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link || "#";
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative md:row-span-2 lg:col-span-2", featuredClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Pressable,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        href: postHref,
-        className: "block h-fit rounded-lg p-3 md:top-0",
-        children: [
-          featuredPost.image && /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: featuredPost.image,
-              alt: typeof featuredPost.title === "string" ? featuredPost.title : "Featured content",
-              className: cn("h-48 w-full rounded-lg object-cover hover:opacity-80 md:h-80 lg:h-96", featuredImageClassName),
-              optixFlowConfig
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
-              (featuredPost.date || featuredPost.published) && /* @__PURE__ */ jsxRuntime.jsx("time", { children: featuredPost.date || featuredPost.published }),
-              (featuredPost.date || featuredPost.published) && featuredPost.author && "\xB7",
-              featuredPost.author && /* @__PURE__ */ jsxRuntime.jsx("span", { children: featuredPost.author })
-            ] }),
-            featuredPost.title && (typeof featuredPost.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title })),
-            (featuredPost.description || featuredPost.summary) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-muted-foreground", children: featuredPost.description || featuredPost.summary })
-          ] })
-        ]
+        className: cn(
+          "relative md:row-span-2 lg:col-span-2",
+          featuredClassName
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Pressable,
+          {
+            href: postHref,
+            className: "block h-fit rounded-lg p-3 md:top-0",
+            children: [
+              featuredPost.image && /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: featuredPost.image,
+                  alt: typeof featuredPost.title === "string" ? featuredPost.title : "Featured content",
+                  className: cn(
+                    "h-48 w-full rounded-lg object-cover hover:opacity-80 md:h-80 lg:h-96",
+                    featuredImageClassName
+                  ),
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
+                  (featuredPost.date || featuredPost.published) && /* @__PURE__ */ jsxRuntime.jsx("time", { children: featuredPost.date || featuredPost.published }),
+                  (featuredPost.date || featuredPost.published) && featuredPost.author && "\xB7",
+                  featuredPost.author && /* @__PURE__ */ jsxRuntime.jsx("span", { children: featuredPost.author })
+                ] }),
+                featuredPost.title && (typeof featuredPost.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title })),
+                (featuredPost.description || featuredPost.summary) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-muted-foreground", children: featuredPost.description || featuredPost.summary })
+              ] })
+            ]
+          }
+        )
       }
-    ) });
-  }, [featuredSlot, featuredPost, featuredClassName, featuredImageClassName, optixFlowConfig]);
+    );
+  }, [
+    featuredSlot,
+    featuredPost,
+    featuredClassName,
+    featuredImageClassName,
+    optixFlowConfig
+  ]);
   const otherPostsContent = React__namespace.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!otherPosts || otherPosts.length === 0) return null;
     return otherPosts.map((post) => {
       const postHref = post.href || post.url || post.link || "#";
       const postId = post.id || String(post.title) || Math.random().toString();
-      return /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: postHref, className: cn("rounded-lg p-3", postCardClassName), children: [
-        post.image && /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
-          {
-            src: post.image,
-            alt: typeof post.title === "string" ? post.title : "Content item",
-            className: "h-48 w-full rounded-lg object-cover hover:opacity-80",
-            optixFlowConfig
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
-            (post.date || post.published) && /* @__PURE__ */ jsxRuntime.jsx("time", { children: post.date || post.published }),
-            (post.date || post.published) && post.author && "\xB7",
-            post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { children: post.author })
-          ] }),
-          post.title && (typeof post.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg", children: post.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg", children: post.title }))
-        ] })
-      ] }, postId);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        Pressable,
+        {
+          href: postHref,
+          className: cn("rounded-lg p-3", postCardClassName),
+          children: [
+            post.image && /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: post.image,
+                alt: typeof post.title === "string" ? post.title : "Content item",
+                className: "h-48 w-full rounded-lg object-cover hover:opacity-80",
+                optixFlowConfig
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-5", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
+                (post.date || post.published) && /* @__PURE__ */ jsxRuntime.jsx("time", { children: post.date || post.published }),
+                (post.date || post.published) && post.author && "\xB7",
+                post.author && /* @__PURE__ */ jsxRuntime.jsx("span", { children: post.author })
+              ] }),
+              post.title && (typeof post.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg", children: post.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg", children: post.title }))
+            ] })
+          ]
+        },
+        postId
+      );
     });
   }, [postsSlot, otherPosts, postCardClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -911,11 +937,29 @@ function BlogMasonryFeaturedComponent({
       pattern,
       patternOpacity,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-12 text-center text-4xl font-medium md:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("xs:grid-cols-1 mt-24 grid gap-4 sm:grid-cols-2 lg:grid-cols-4", postsClassName), children: [
-          featuredPostContent,
-          otherPostsContent
-        ] })
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "h1",
+          {
+            className: cn(
+              "mb-12 text-center text-4xl font-medium md:text-7xl",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "xs:grid-cols-1 mt-24 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+              postsClassName
+            ),
+            children: [
+              featuredPostContent,
+              otherPostsContent
+            ]
+          }
+        )
       ] })
     }
   );

package/dist/blog-masonry-featured.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CoT4WfJd.cjs';
-import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CODGexkN.cjs';
+import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogMasonryFeaturedProps {

package/dist/blog-masonry-featured.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-DTKUzkJp.js';
-import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-31vhKBa1.js';
+import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BlogMasonryFeaturedProps {

package/dist/blog-masonry-featured.js

@@ -815,8 +815,8 @@ function BlogMasonryFeaturedComponent({
   featuredImageClassName,
   postCardClassName,
   optixFlowConfig,
-  background = "white",
-  spacing = "xl",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
@@ -826,59 +826,85 @@ function BlogMasonryFeaturedComponent({
     if (featuredSlot) return featuredSlot;
     if (!featuredPost) return null;
     const postHref = featuredPost.href || featuredPost.url || featuredPost.link || "#";
-    return /* @__PURE__ */ jsx("div", { className: cn("relative md:row-span-2 lg:col-span-2", featuredClassName), children: /* @__PURE__ */ jsxs(
-      Pressable,
+    return /* @__PURE__ */ jsx(
+      "div",
       {
-        href: postHref,
-        className: "block h-fit rounded-lg p-3 md:top-0",
-        children: [
-          featuredPost.image && /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: featuredPost.image,
-              alt: typeof featuredPost.title === "string" ? featuredPost.title : "Featured content",
-              className: cn("h-48 w-full rounded-lg object-cover hover:opacity-80 md:h-80 lg:h-96", featuredImageClassName),
-              optixFlowConfig
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
-              (featuredPost.date || featuredPost.published) && /* @__PURE__ */ jsx("time", { children: featuredPost.date || featuredPost.published }),
-              (featuredPost.date || featuredPost.published) && featuredPost.author && "\xB7",
-              featuredPost.author && /* @__PURE__ */ jsx("span", { children: featuredPost.author })
-            ] }),
-            featuredPost.title && (typeof featuredPost.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title }) : /* @__PURE__ */ jsx("div", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title })),
-            (featuredPost.description || featuredPost.summary) && /* @__PURE__ */ jsx("p", { className: "mt-4 text-muted-foreground", children: featuredPost.description || featuredPost.summary })
-          ] })
-        ]
+        className: cn(
+          "relative md:row-span-2 lg:col-span-2",
+          featuredClassName
+        ),
+        children: /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            href: postHref,
+            className: "block h-fit rounded-lg p-3 md:top-0",
+            children: [
+              featuredPost.image && /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: featuredPost.image,
+                  alt: typeof featuredPost.title === "string" ? featuredPost.title : "Featured content",
+                  className: cn(
+                    "h-48 w-full rounded-lg object-cover hover:opacity-80 md:h-80 lg:h-96",
+                    featuredImageClassName
+                  ),
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
+                  (featuredPost.date || featuredPost.published) && /* @__PURE__ */ jsx("time", { children: featuredPost.date || featuredPost.published }),
+                  (featuredPost.date || featuredPost.published) && featuredPost.author && "\xB7",
+                  featuredPost.author && /* @__PURE__ */ jsx("span", { children: featuredPost.author })
+                ] }),
+                featuredPost.title && (typeof featuredPost.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title }) : /* @__PURE__ */ jsx("div", { className: "text-lg md:text-3xl lg:text-4xl", children: featuredPost.title })),
+                (featuredPost.description || featuredPost.summary) && /* @__PURE__ */ jsx("p", { className: "mt-4 text-muted-foreground", children: featuredPost.description || featuredPost.summary })
+              ] })
+            ]
+          }
+        )
       }
-    ) });
-  }, [featuredSlot, featuredPost, featuredClassName, featuredImageClassName, optixFlowConfig]);
+    );
+  }, [
+    featuredSlot,
+    featuredPost,
+    featuredClassName,
+    featuredImageClassName,
+    optixFlowConfig
+  ]);
   const otherPostsContent = React.useMemo(() => {
     if (postsSlot) return postsSlot;
     if (!otherPosts || otherPosts.length === 0) return null;
     return otherPosts.map((post) => {
       const postHref = post.href || post.url || post.link || "#";
       const postId = post.id || String(post.title) || Math.random().toString();
-      return /* @__PURE__ */ jsxs(Pressable, { href: postHref, className: cn("rounded-lg p-3", postCardClassName), children: [
-        post.image && /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: post.image,
-            alt: typeof post.title === "string" ? post.title : "Content item",
-            className: "h-48 w-full rounded-lg object-cover hover:opacity-80",
-            optixFlowConfig
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
-            (post.date || post.published) && /* @__PURE__ */ jsx("time", { children: post.date || post.published }),
-            (post.date || post.published) && post.author && "\xB7",
-            post.author && /* @__PURE__ */ jsx("span", { children: post.author })
-          ] }),
-          post.title && (typeof post.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg", children: post.title }) : /* @__PURE__ */ jsx("div", { className: "text-lg", children: post.title }))
-        ] })
-      ] }, postId);
+      return /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          href: postHref,
+          className: cn("rounded-lg p-3", postCardClassName),
+          children: [
+            post.image && /* @__PURE__ */ jsx(
+              Img,
+              {
+                src: post.image,
+                alt: typeof post.title === "string" ? post.title : "Content item",
+                className: "h-48 w-full rounded-lg object-cover hover:opacity-80",
+                optixFlowConfig
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-2.5 flex items-center gap-1 text-sm text-muted-foreground", children: [
+                (post.date || post.published) && /* @__PURE__ */ jsx("time", { children: post.date || post.published }),
+                (post.date || post.published) && post.author && "\xB7",
+                post.author && /* @__PURE__ */ jsx("span", { children: post.author })
+              ] }),
+              post.title && (typeof post.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg", children: post.title }) : /* @__PURE__ */ jsx("div", { className: "text-lg", children: post.title }))
+            ] })
+          ]
+        },
+        postId
+      );
     });
   }, [postsSlot, otherPosts, postCardClassName, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
@@ -890,11 +916,29 @@ function BlogMasonryFeaturedComponent({
       pattern,
       patternOpacity,
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mb-12 text-center text-4xl font-medium md:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-        /* @__PURE__ */ jsxs("div", { className: cn("xs:grid-cols-1 mt-24 grid gap-4 sm:grid-cols-2 lg:grid-cols-4", postsClassName), children: [
-          featuredPostContent,
-          otherPostsContent
-        ] })
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: cn(
+              "mb-12 text-center text-4xl font-medium md:text-7xl",
+              headingClassName
+            ),
+            children: heading
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "xs:grid-cols-1 mt-24 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+              postsClassName
+            ),
+            children: [
+              featuredPostContent,
+              otherPostsContent
+            ]
+          }
+        )
       ] })
     }
   );

package/dist/blog-related-articles.cjs

@@ -835,20 +835,31 @@ function BlogRelatedArticles({
   seeAllClassName,
   articlesClassName,
   articleCardClassName,
-  background = "white",
-  spacing = "xl",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
   const renderedSeeAllAction = React__namespace.useMemo(() => {
     if (seeAllSlot) return seeAllSlot;
     if (!seeAllAction) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = seeAllAction;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = seeAllAction;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
         asButton: true,
-        className: cn("md:h-10 md:px-4 md:py-2", actionClassName, seeAllClassName),
+        className: cn(
+          "md:h-10 md:px-4 md:py-2",
+          actionClassName,
+          seeAllClassName
+        ),
         ...pressableProps,
         children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           icon,
@@ -889,11 +900,38 @@ function BlogRelatedArticles({
       pattern,
       patternOpacity,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8 flex flex-wrap items-center justify-between gap-1", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-2xl font-semibold md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          renderedSeeAllAction
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 gap-16 md:grid-cols-2 lg:grid-cols-4 lg:gap-10", articlesClassName), children: renderedArticles })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex flex-wrap items-center justify-between gap-1",
+              headerClassName
+            ),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-2xl font-semibold md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              renderedSeeAllAction
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-1 gap-16 md:grid-cols-2 lg:grid-cols-4 lg:gap-10",
+              articlesClassName
+            ),
+            children: renderedArticles
+          }
+        )
       ] })
     }
   );

package/dist/blog-related-articles.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CoT4WfJd.cjs';
-import { A as ActionConfig, e as BlogPostItem, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CODGexkN.cjs';
+import { A as ActionConfig, e as BlogPostItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogRelatedArticlesProps {

package/dist/blog-related-articles.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-DTKUzkJp.js';
-import { A as ActionConfig, e as BlogPostItem, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-31vhKBa1.js';
+import { A as ActionConfig, e as BlogPostItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BlogRelatedArticlesProps {

package/dist/blog-related-articles.js

@@ -814,20 +814,31 @@ function BlogRelatedArticles({
   seeAllClassName,
   articlesClassName,
   articleCardClassName,
-  background = "white",
-  spacing = "xl",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
   const renderedSeeAllAction = React.useMemo(() => {
     if (seeAllSlot) return seeAllSlot;
     if (!seeAllAction) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = seeAllAction;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = seeAllAction;
     return /* @__PURE__ */ jsx(
       Pressable,
       {
         asButton: true,
-        className: cn("md:h-10 md:px-4 md:py-2", actionClassName, seeAllClassName),
+        className: cn(
+          "md:h-10 md:px-4 md:py-2",
+          actionClassName,
+          seeAllClassName
+        ),
         ...pressableProps,
         children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
           icon,
@@ -868,11 +879,38 @@ function BlogRelatedArticles({
       pattern,
       patternOpacity,
       children: /* @__PURE__ */ jsxs("div", { className: cn("container", containerClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mb-8 flex flex-wrap items-center justify-between gap-1", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-2xl font-semibold md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          renderedSeeAllAction
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-16 md:grid-cols-2 lg:grid-cols-4 lg:gap-10", articlesClassName), children: renderedArticles })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mb-8 flex flex-wrap items-center justify-between gap-1",
+              headerClassName
+            ),
+            children: [
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-2xl font-semibold md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              renderedSeeAllAction
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-1 gap-16 md:grid-cols-2 lg:grid-cols-4 lg:gap-10",
+              articlesClassName
+            ),
+            children: renderedArticles
+          }
+        )
       ] })
     }
   );