@opensite/ui 0.6.7 → 0.6.9

package/dist/registry.js

@@ -350,6 +350,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 = React52__default.forwardRef(
   ({
     id,
@@ -377,7 +379,7 @@ var Section = React52__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -33076,18 +33078,18 @@ function BlogTechInsights({
             secondaryPostItemClassName
           ),
           children: [
-            /* @__PURE__ */ jsx("div", { className: "w-1/4 shrink-0 md:w-1/5", children: post.image && /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "w-24 shrink-0 sm:w-28 md:w-32", children: post.image && /* @__PURE__ */ jsx(
               Img,
               {
-                className: "rounded-md",
+                className: "aspect-4/3 w-full rounded-md object-cover",
                 src: post.image,
                 alt: typeof post.title === "string" ? post.title : "Content item",
                 optixFlowConfig
               }
             ) }),
-            /* @__PURE__ */ jsxs("div", { className: "w-3/4 md:w-4/5", children: [
-              post.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground md:text-lg", children: post.title }),
-              truncatedDescription && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground md:text-base", children: truncatedDescription })
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              post.title && /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground text-md line-clamp-2", children: post.title }),
+              truncatedDescription && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-snug text-muted-foreground md:text-base line-clamp-2", children: truncatedDescription })
             ] })
           ]
         }
@@ -33413,26 +33415,33 @@ var BlogCard = React52.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 = React52.memo(function FilterForm2({
   categories,
@@ -33449,7 +33458,7 @@ var FilterForm = React52.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(
@@ -33506,7 +33515,7 @@ function BlogFilteredResultsComponent({
   loadMoreClassName,
   optixFlowConfig,
   background,
-  spacing,
+  spacing = "pt-6 pb-16 lg:pt-12 lg:pb-32",
   pattern,
   patternOpacity
 }) {
@@ -33645,10 +33654,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: [
@@ -33696,7 +33705,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
@@ -33882,7 +33891,7 @@ function BlogHorizontalTimelineComponent({
         "div",
         {
           className: cn(
-            "flex flex-col items-center gap-6 md:flex-row md:gap-16",
+            "flex flex-col items-center gap-2 md:flex-row md:gap-16",
             postItemClassName
           ),
           children: [
@@ -33912,28 +33921,20 @@ function BlogHorizontalTimelineComponent({
                   "div",
                   {
                     className: cn(
-                      "flex flex-col gap-4 border-b py-4 md:h-90 md:flex-row md:items-start md:gap-0 md:py-10 lg:gap-32",
+                      "flex flex-col gap-4 border-b h-full justify-between md:items-start md:gap-0 md:border-t py-6 mb-6 md:mb-0",
                       index === 0 && "md:border-t"
                     ),
                     children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-2 md:h-full md:justify-between md:pr-8", children: [
-                        post.title && /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold tracking-tight text-foreground md:text-3xl", children: post.title }),
+                        post.title && /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold tracking-tight text-foreground line-clamp-2", children: post.title }),
                         postDate && /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold tracking-widest text-muted-foreground uppercase md:mt-2 md:text-sm", children: postDate })
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-4 md:h-full md:justify-between md:gap-6", children: [
-                        postDescription && /* @__PURE__ */ jsx("p", { className: "text-base leading-relaxed font-normal tracking-tight text-muted-foreground md:text-xl", children: postDescription }),
-                        readText && /* @__PURE__ */ jsxs(
-                          Pressable,
-                          {
-                            href: postHref,
-                            variant: "ghost",
-                            className: "inline-flex items-center justify-center gap-4 px-0 text-primary transition-all ease-in-out hover:gap-6 hover:text-accent-foreground",
-                            children: [
-                              /* @__PURE__ */ jsx("span", { className: "text-base font-semibold tracking-tight md:text-lg", children: readText }),
-                              /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-                            ]
-                          }
-                        )
+                        postDescription && /* @__PURE__ */ jsx("p", { className: "text-base leading-relaxed font-normal tracking-tight text-muted-foreground md:text-xl line-clamp-3", children: postDescription }),
+                        readText && /* @__PURE__ */ jsxs(Pressable, { href: postHref, asButton: true, variant: "link", children: [
+                          readText,
+                          /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                        ] })
                       ] })
                     ]
                   }
@@ -34219,7 +34220,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,
             {
@@ -34263,32 +34264,40 @@ var AppleCarouselCard = ({
     }
   };
   const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { 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$1.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$1.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$1.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$1.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

package/dist/resource-detail-whitepaper-sidebar.cjs

@@ -868,6 +868,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,
@@ -895,7 +897,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/resource-detail-whitepaper-sidebar.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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, O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceDetailWhitepaperSidebarSidebar {

package/dist/resource-detail-whitepaper-sidebar.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { A as ActionConfig, O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceDetailWhitepaperSidebarSidebar {

package/dist/resource-detail-whitepaper-sidebar.js

@@ -847,6 +847,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,
@@ -874,7 +876,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/resource-list-course-cards.cjs

@@ -947,6 +947,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,
@@ -974,7 +976,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/resource-list-course-cards.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListCourseCardsAuthor {

package/dist/resource-list-course-cards.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListCourseCardsAuthor {

package/dist/resource-list-course-cards.js

@@ -925,6 +925,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,
@@ -952,7 +954,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/resource-list-featured-articles.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/resource-list-featured-articles.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedArticlesFeaturedPost {

package/dist/resource-list-featured-articles.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedArticlesFeaturedPost {

package/dist/resource-list-featured-articles.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/resource-list-featured-grid.cjs

@@ -978,6 +978,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,
@@ -1005,7 +1007,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/resource-list-featured-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedGridArticle {

package/dist/resource-list-featured-grid.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 { O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListFeaturedGridArticle {

package/dist/resource-list-featured-grid.js

@@ -955,6 +955,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,
@@ -982,7 +984,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/resource-list-hero-filter.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { O as OptixFlowConfig } from './blocks-ez1YunjX.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

package/dist/resource-list-hero-filter.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { O as OptixFlowConfig } from './blocks-BoTnHIZ4.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListHeroFilterBreadcrumbItem {

package/dist/resource-list-news-updates.cjs

@@ -919,6 +919,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,
@@ -946,7 +948,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/resource-list-news-updates.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 './blocks-ez1YunjX.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

package/dist/resource-list-news-updates.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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 './blocks-BoTnHIZ4.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-Dk2BrJ5f.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ResourceListNewsUpdatesItem {

package/dist/resource-list-news-updates.js

@@ -896,6 +896,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,
@@ -923,7 +925,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/reviews-images-helpful.cjs

@@ -966,6 +966,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,
@@ -993,7 +995,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,