@opensite/ui 0.6.8 → 0.7.0

package/dist/blog-horizontal-timeline.cjs

@@ -890,6 +890,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,
@@ -917,7 +919,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -982,7 +984,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: [
@@ -1012,28 +1014,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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold tracking-tight text-foreground md:text-3xl", children: post.title }),
+                        post.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold tracking-tight text-foreground line-clamp-2", children: post.title }),
                         postDate && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold tracking-widest text-muted-foreground uppercase md:mt-2 md:text-sm", children: postDate })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-start gap-4 md:h-full md:justify-between md:gap-6", children: [
-                        postDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base leading-relaxed font-normal tracking-tight text-muted-foreground md:text-xl", children: postDescription }),
-                        readText && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold tracking-tight md:text-lg", children: readText }),
-                              /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-                            ]
-                          }
-                        )
+                        postDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base leading-relaxed font-normal tracking-tight text-muted-foreground md:text-xl line-clamp-3", children: postDescription }),
+                        readText && /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: postHref, asButton: true, variant: "link", children: [
+                          readText,
+                          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                        ] })
                       ] })
                     ]
                   }

package/dist/blog-horizontal-timeline.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-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-CfOeYrR-.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogHorizontalTimelineProps {

package/dist/blog-horizontal-timeline.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-BeWIIjA4.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 BlogHorizontalTimelineProps {

package/dist/blog-horizontal-timeline.js

@@ -869,6 +869,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,
@@ -896,7 +898,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -961,7 +963,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: [
@@ -991,28 +993,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 })
+                        ] })
                       ] })
                     ]
                   }

package/dist/blog-masonry-featured.cjs

@@ -762,6 +762,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,
@@ -789,7 +791,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-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-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-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-BeWIIjA4.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

@@ -741,6 +741,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,
@@ -768,7 +770,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-related-articles.cjs

@@ -761,6 +761,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,
@@ -788,7 +790,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -836,7 +838,7 @@ function BlogRelatedArticles({
   articlesClassName,
   articleCardClassName,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {

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-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-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-BeWIIjA4.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

@@ -740,6 +740,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,
@@ -767,7 +769,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -815,7 +817,7 @@ function BlogRelatedArticles({
   articlesClassName,
   articleCardClassName,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity
 }) {

package/dist/blog-tech-insights.cjs

@@ -793,6 +793,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,
@@ -820,7 +822,7 @@ var Section = React__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -967,18 +969,18 @@ function BlogTechInsights({
             secondaryPostItemClassName
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1/4 shrink-0 md:w-1/5", children: post.image && /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-24 shrink-0 sm:w-28 md:w-32", children: post.image && /* @__PURE__ */ jsxRuntime.jsx(
               img.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__ */ jsxRuntime.jsxs("div", { className: "w-3/4 md:w-4/5", children: [
-              post.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground md:text-lg", children: post.title }),
-              truncatedDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground md:text-base", children: truncatedDescription })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              post.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground text-md line-clamp-2", children: post.title }),
+              truncatedDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm leading-snug text-muted-foreground md:text-base line-clamp-2", children: truncatedDescription })
             ] })
           ]
         }

package/dist/blog-tech-insights.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-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-CfOeYrR-.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface BlogTechInsightsProps {

package/dist/blog-tech-insights.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-BeWIIjA4.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 BlogTechInsightsProps {

package/dist/blog-tech-insights.js

@@ -771,6 +771,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,
@@ -798,7 +800,7 @@ var Section = React__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,
@@ -945,18 +947,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 })
             ] })
           ]
         }

package/dist/blur-vignette-grid.cjs

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

package/dist/blur-vignette-grid.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 { O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { 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';
 
 /**

package/dist/blur-vignette-grid.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 { O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { 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';
 
 /**

package/dist/blur-vignette-grid.js

@@ -323,6 +323,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.forwardRef(
   ({
     id,
@@ -350,7 +352,7 @@ var Section = React.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/{button-variants-CfOeYrR-.d.cts → button-variants-lRElsmTc.d.cts}

@@ -1,8 +1,8 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "link" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "md" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 export { buttonVariants as b };

package/dist/{button-variants-CfOeYrR-.d.ts → button-variants-lRElsmTc.d.ts}

@@ -1,8 +1,8 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "link" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "md" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 export { buttonVariants as b };

package/dist/button.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { b as buttonVariants } from './button-variants-CfOeYrR-.cjs';
+import { b as buttonVariants } from './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/button.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { b as buttonVariants } from './button-variants-CfOeYrR-.js';
+import { b as buttonVariants } from './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/carousel-badge-cards.cjs

@@ -1034,6 +1034,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 = React4__namespace.default.forwardRef(
   ({
     id,
@@ -1061,7 +1063,7 @@ var Section = React4__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/carousel-badge-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-CoT4WfJd.cjs';
-import { O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-Sm_ZSgyv.cjs';
+import { 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';
 
 /**

package/dist/carousel-badge-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-DTKUzkJp.js';
-import { O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
+import { 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';
 
 /**

package/dist/carousel-badge-cards.js

@@ -1010,6 +1010,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 = React4__default.forwardRef(
   ({
     id,
@@ -1037,7 +1039,7 @@ var Section = React4__default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,

package/dist/carousel-demo-link.cjs

@@ -1001,6 +1001,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 = React4__namespace.default.forwardRef(
   ({
     id,
@@ -1028,7 +1030,7 @@ var Section = React4__namespace.default.forwardRef(
           "relative",
           pattern ? "overflow-hidden" : null,
           backgroundStyles[background],
-          spacingStyles[spacing],
+          isPredefinedSpacing(spacing) ? spacingStyles[spacing] : spacing,
           className
         ),
         style,