@opensite/ui 0.6.7 → 0.6.9

package/dist/blog-carousel-apple.js

@@ -643,7 +643,7 @@ var AppleCarousel = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "mr-10 flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mr-0 md:mr-10 flex justify-end gap-2", children: [
           /* @__PURE__ */ jsx(
             Pressable,
             {
@@ -687,32 +687,40 @@ var AppleCarouselCard = ({
     }
   };
   const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-30 h-full bg-linear-to-b from-black/50 via-transparent to-transparent" }),
-    /* @__PURE__ */ jsxs("div", { className: cn("relative z-40 p-8", contentClassName), children: [
-      /* @__PURE__ */ jsx(
-        motion.p,
-        {
-          layoutId: layout ? `category-${card.category}-${index}` : void 0,
-          className: "text-left font-sans text-sm font-medium text-white md:text-base",
-          children: card.category
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        motion.p,
-        {
-          layoutId: layout ? `title-${card.title}-${index}` : void 0,
-          className: "mt-2 max-w-xs text-left font-sans text-xl font-semibold text-balance text-white md:text-3xl",
-          children: card.title
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative z-40 p-4 md:p-8 text-shadow-lg",
+          contentClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            motion.p,
+            {
+              layoutId: layout ? `category-${card.category}-${index}` : void 0,
+              className: "text-left font-sans text-sm font-medium text-white md:text-base",
+              children: card.category
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            motion.p,
+            {
+              layoutId: layout ? `title-${card.title}-${index}` : void 0,
+              className: "mt-2 max-w-xs text-left font-sans text-lg font-semibold text-balance text-white md:text-2xl",
+              children: card.title
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(
       Img,
       {
         src: card.src,
         alt: card.title,
         className: cn(
-          "absolute inset-0 z-10 h-full w-full object-cover",
+          "absolute inset-0 z-10 h-full w-full object-cover brightness-50",
           imageClassName
         ),
         optixFlowConfig
@@ -1072,6 +1080,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({
     id,
@@ -1099,7 +1109,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-category-overlay.cjs

@@ -900,6 +900,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({
     id,
@@ -927,7 +929,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-category-overlay.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-CEpDen8-.cjs';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogCategoryOverlayProps {

package/dist/blog-category-overlay.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-C3GSBVWt.js';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BlogCategoryOverlayProps {

package/dist/blog-category-overlay.js

@@ -879,6 +879,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({
     id,
@@ -906,7 +908,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-featured-popular.cjs

@@ -795,6 +795,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({
     id,
@@ -822,7 +824,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-featured-popular.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-CEpDen8-.cjs';
-import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogFeaturedPopularProps {

package/dist/blog-featured-popular.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-C3GSBVWt.js';
-import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { e as BlogPostItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BlogFeaturedPopularProps {

package/dist/blog-featured-popular.js

@@ -774,6 +774,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({
     id,
@@ -801,7 +803,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-filtered-results.cjs

@@ -1000,6 +1000,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React6__namespace.default.forwardRef(
   ({
     id,
@@ -1027,7 +1029,7 @@ var Section = React6__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -1073,26 +1075,33 @@ var BlogCard = React6__namespace.memo(function BlogCard2({
   const postCategory = post.category || post.label;
   const postSummary = post.summary || post.description;
   const postCta = post.cta || "Read more";
-  return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: postHref, className: cn("block h-full w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "size-full rounded-lg border py-0", children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-0", children: [
-    postCategory && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b p-2.5 text-sm leading-[1.2] font-medium text-muted-foreground", children: postCategory }),
-    postImage && /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.520833333, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-      img.Img,
+  return /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn("size-full rounded-lg border py-0", className), children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-0", children: [
+    postCategory && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b p-2.5 text-xs leading-[1.2] font-bold text-muted-foreground/70 uppercase", children: postCategory }),
+    postImage && /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
       {
-        src: postImage,
-        alt: postTitle,
-        className: "block size-full object-cover object-center",
-        optixFlowConfig
+        href: postHref,
+        className: "block transition-opacity duration-200 hover:opacity-80",
+        children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.520833333, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: postImage,
+            alt: postTitle,
+            className: "block size-full object-cover object-center",
+            optixFlowConfig
+          }
+        ) })
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-5 p-5", children: [
-      post.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg leading-tight font-medium md:text-xl", children: post.title }),
+      post.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg leading-tight font-medium md:text-xl hover:underline", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: postHref, children: post.title }) }),
       postSummary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-[20rem]", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-[1.4] font-medium text-muted-foreground", children: postSummary }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: postHref, asButton: true, size: "sm", variant: "outline", children: [
         postCta,
         /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
       ] }) })
     ] })
-  ] }) }) });
+  ] }) });
 });
 var FilterForm = React6__namespace.memo(function FilterForm2({
   categories,
@@ -1109,7 +1118,7 @@ var FilterForm = React6__namespace.memo(function FilterForm2({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           Label,
           {
-            className: "flex cursor-pointer items-center gap-2.5 rounded-full bg-muted px-2.5 py-1.5",
+            className: "flex cursor-pointer items-center gap-2.5 bg-none px-2.5 py-1.5",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { children: category.label }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -1166,7 +1175,7 @@ function BlogFilteredResultsComponent({
   loadMoreClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "pt-6 pb-16 lg:pt-12 lg:pb-32",
   pattern,
   patternOpacity
 }) {
@@ -1305,10 +1314,10 @@ function BlogFilteredResultsComponent({
           "div",
           {
             className: cn(
-              "bg-muted bg-size-[3.125rem_3.125rem] bg-repeat",
+              "bg-muted bg-size-[3.125rem_3.125rem] bg-repeat rounded-2xl shadow-xl",
               heroClassName
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container flex flex-col items-start justify-start gap-16 py-20 lg:flex-row lg:items-center lg:justify-between", children: [
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-start justify-start gap-6 md:gap-16 p-6 md:p-20 lg:flex-row lg:items-center lg:justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full flex-col justify-between gap-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-xl flex-col gap-8", children: [
                 breadcrumbContent,
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-5", children: [
@@ -1356,7 +1365,7 @@ function BlogFilteredResultsComponent({
                 "div",
                 {
                   className: cn(
-                    "grid gap-10 md:grid-cols-2 lg:grid-cols-3",
+                    "grid gap-4 md:gap-6 lg:gap-10 md:grid-cols-2 lg:grid-cols-3",
                     postsClassName
                   ),
                   children: postsContent

package/dist/blog-filtered-results.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-CEpDen8-.cjs';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/blog-filtered-results.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-C3GSBVWt.js';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/blog-filtered-results.js

@@ -976,6 +976,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React6__default.forwardRef(
   ({
     id,
@@ -1003,7 +1005,7 @@ var Section = React6__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -1049,26 +1051,33 @@ var BlogCard = React6.memo(function BlogCard2({
   const postCategory = post.category || post.label;
   const postSummary = post.summary || post.description;
   const postCta = post.cta || "Read more";
-  return /* @__PURE__ */ jsx(Pressable, { href: postHref, className: cn("block h-full w-full", className), children: /* @__PURE__ */ jsx(Card, { className: "size-full rounded-lg border py-0", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
-    postCategory && /* @__PURE__ */ jsx("div", { className: "border-b p-2.5 text-sm leading-[1.2] font-medium text-muted-foreground", children: postCategory }),
-    postImage && /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.520833333, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
-      Img,
+  return /* @__PURE__ */ jsx(Card, { className: cn("size-full rounded-lg border py-0", className), children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
+    postCategory && /* @__PURE__ */ jsx("div", { className: "border-b p-2.5 text-xs leading-[1.2] font-bold text-muted-foreground/70 uppercase", children: postCategory }),
+    postImage && /* @__PURE__ */ jsx(
+      Pressable,
       {
-        src: postImage,
-        alt: postTitle,
-        className: "block size-full object-cover object-center",
-        optixFlowConfig
+        href: postHref,
+        className: "block transition-opacity duration-200 hover:opacity-80",
+        children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.520833333, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: postImage,
+            alt: postTitle,
+            className: "block size-full object-cover object-center",
+            optixFlowConfig
+          }
+        ) })
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-5 p-5", children: [
-      post.title && /* @__PURE__ */ jsx("h2", { className: "text-lg leading-tight font-medium md:text-xl", children: post.title }),
+      post.title && /* @__PURE__ */ jsx("h2", { className: "text-lg leading-tight font-medium md:text-xl hover:underline", children: /* @__PURE__ */ jsx(Pressable, { href: postHref, children: post.title }) }),
       postSummary && /* @__PURE__ */ jsx("div", { className: "w-full max-w-[20rem]", children: /* @__PURE__ */ jsx("p", { className: "text-sm leading-[1.4] font-medium text-muted-foreground", children: postSummary }) }),
       /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Pressable, { href: postHref, asButton: true, size: "sm", variant: "outline", children: [
         postCta,
         /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
       ] }) })
     ] })
-  ] }) }) });
+  ] }) });
 });
 var FilterForm = React6.memo(function FilterForm2({
   categories,
@@ -1085,7 +1094,7 @@ var FilterForm = React6.memo(function FilterForm2({
         return /* @__PURE__ */ jsxs(
           Label,
           {
-            className: "flex cursor-pointer items-center gap-2.5 rounded-full bg-muted px-2.5 py-1.5",
+            className: "flex cursor-pointer items-center gap-2.5 bg-none px-2.5 py-1.5",
             children: [
               /* @__PURE__ */ jsx("div", { children: category.label }),
               /* @__PURE__ */ jsx(
@@ -1142,7 +1151,7 @@ function BlogFilteredResultsComponent({
   loadMoreClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "pt-6 pb-16 lg:pt-12 lg:pb-32",
   pattern,
   patternOpacity
 }) {
@@ -1281,10 +1290,10 @@ function BlogFilteredResultsComponent({
           "div",
           {
             className: cn(
-              "bg-muted bg-size-[3.125rem_3.125rem] bg-repeat",
+              "bg-muted bg-size-[3.125rem_3.125rem] bg-repeat rounded-2xl shadow-xl",
               heroClassName
             ),
-            children: /* @__PURE__ */ jsxs("div", { className: "container flex flex-col items-start justify-start gap-16 py-20 lg:flex-row lg:items-center lg:justify-between", children: [
+            children: /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col items-start justify-start gap-6 md:gap-16 p-6 md:p-20 lg:flex-row lg:items-center lg:justify-between", children: [
               /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col justify-between gap-12", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-xl flex-col gap-8", children: [
                 breadcrumbContent,
                 /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-5", children: [
@@ -1332,7 +1341,7 @@ function BlogFilteredResultsComponent({
                 "div",
                 {
                   className: cn(
-                    "grid gap-10 md:grid-cols-2 lg:grid-cols-3",
+                    "grid gap-4 md:gap-6 lg:gap-10 md:grid-cols-2 lg:grid-cols-3",
                     postsClassName
                   ),
                   children: postsContent

package/dist/blog-grid-author-cards.cjs

@@ -842,6 +842,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({
     id,
@@ -869,7 +871,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-grid-author-cards.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-CEpDen8-.cjs';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogGridAuthorCardsProps {

package/dist/blog-grid-author-cards.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-C3GSBVWt.js';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BlogGridAuthorCardsProps {

package/dist/blog-grid-author-cards.js

@@ -820,6 +820,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({
     id,
@@ -847,7 +849,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-grid-nine-posts.cjs

@@ -842,6 +842,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({
     id,
@@ -869,7 +871,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-grid-nine-posts.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-CEpDen8-.cjs';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogGridNinePostsProps {

package/dist/blog-grid-nine-posts.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-C3GSBVWt.js';
-import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { e as BlogPostItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface BlogGridNinePostsProps {

package/dist/blog-grid-nine-posts.js

@@ -820,6 +820,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({
     id,
@@ -847,7 +849,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-horizontal-cards.cjs

@@ -913,6 +913,8 @@ var spacingStyles = {
   lg: "py-20 md:py-32",
   xl: "py-24 md:py-40"
 };
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({
     id,
@@ -940,7 +942,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/blog-horizontal-cards.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-CEpDen8-.cjs';
-import { A as ActionConfig, e as BlogPostItem, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.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-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogHorizontalCardsProps {