@opensite/ui 2.6.3 → 2.6.4

package/dist/feature-bento-image-grid.cjs

@@ -8,6 +8,7 @@ var icon = require('@page-speed/icon');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var img = require('@page-speed/img');
+var reactSlot = require('@radix-ui/react-slot');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -768,7 +769,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({
@@ -831,6 +832,38 @@ var Section = React__namespace.default.forwardRef(
   }
 );
 Section.displayName = "Section";
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 function FeatureBentoImageGrid({
   title,
   description,
@@ -884,7 +917,7 @@ function FeatureBentoImageGrid({
       const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         renderItemImage(
           item,
-          "h-full max-h-[580px] w-full rounded-xl object-cover object-center"
+          "h-full max-h-[580px] w-full rounded-xl object-cover object-center shadow-lg"
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-black to-transparent transition-transform duration-300 group-hover:translate-y-0" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between px-5 md:px-8 py-6 md:py-6", children: [
@@ -901,26 +934,17 @@ function FeatureBentoImageGrid({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:gap-5 text-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:gap-4 text-white text-shadow-lg", children: [
             item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "h4",
               {
                 className: cn(
-                  "text-2xl font-medium lg:text-3xl",
-                  item.titleClassName
-                ),
-                children: item.title
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: cn(
-                  "text-2xl font-medium lg:text-3xl",
+                  "text-2xl font-semibold lg:text-3xl",
                   item.titleClassName
                 ),
                 children: item.title
               }
-            )),
+            ) : item.title),
             item.linkText && /* @__PURE__ */ jsxRuntime.jsxs(
               "p",
               {
@@ -973,45 +997,27 @@ function FeatureBentoImageGrid({
         renderItemImage(
           item,
           cn(
-            "h-full w-full rounded-xl object-cover object-center",
+            "h-full w-full rounded-xl object-cover object-center shadow-lg",
             index === 0 ? "max-h-44" : "max-h-96"
           )
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-black to-transparent opacity-80 transition-transform duration-300 group-hover:translate-y-0" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between p-7", children: [
-          hasIconBadgeContent && /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: cn(
-                "ml-auto flex w-fit items-center gap-1 p-2.5 text-sm font-semibold ",
-                item.iconBadgeClassName
-              ),
-              children: [
-                iconContent,
-                item.iconBadge
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 ", children: [
+          hasIconBadgeContent && /* @__PURE__ */ jsxRuntime.jsxs(Badge, { className: cn("px-2 py-1", item.iconBadgeClassName), children: [
+            iconContent,
+            item.iconBadge
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0 text-white text-shadow-lg", children: [
             item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               "h4",
               {
                 className: cn(
-                  "text-2xl font-semibold lg:text-3xl",
-                  item.titleClassName
-                ),
-                children: item.title
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: cn(
-                  "text-2xl font-semibold lg:text-3xl",
+                  "text-xl font-semibold lg:text-2xl",
                   item.titleClassName
                 ),
                 children: item.title
               }
-            )),
+            ) : item.title),
             item.linkText && /* @__PURE__ */ jsxRuntime.jsxs(
               "p",
               {

package/dist/feature-bento-image-grid.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
-import { O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
+import { O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-bento-image-grid.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
-import { O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
+import { O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-bento-image-grid.js

@@ -7,6 +7,7 @@ import { Icon } from '@page-speed/icon';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import { Img } from '@page-speed/img';
+import { Slot } from '@radix-ui/react-slot';
 
 // components/blocks/features/feature-bento-image-grid.tsx
 function cn(...inputs) {
@@ -747,7 +748,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({
@@ -810,6 +811,38 @@ var Section = React__default.forwardRef(
   }
 );
 Section.displayName = "Section";
+var badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 function FeatureBentoImageGrid({
   title,
   description,
@@ -863,7 +896,7 @@ function FeatureBentoImageGrid({
       const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
         renderItemImage(
           item,
-          "h-full max-h-[580px] w-full rounded-xl object-cover object-center"
+          "h-full max-h-[580px] w-full rounded-xl object-cover object-center shadow-lg"
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-black to-transparent transition-transform duration-300 group-hover:translate-y-0" }),
         /* @__PURE__ */ jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between px-5 md:px-8 py-6 md:py-6", children: [
@@ -880,26 +913,17 @@ function FeatureBentoImageGrid({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:gap-5 text-white", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:gap-4 text-white text-shadow-lg", children: [
             item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsx(
               "h4",
               {
                 className: cn(
-                  "text-2xl font-medium lg:text-3xl",
-                  item.titleClassName
-                ),
-                children: item.title
-              }
-            ) : /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "text-2xl font-medium lg:text-3xl",
+                  "text-2xl font-semibold lg:text-3xl",
                   item.titleClassName
                 ),
                 children: item.title
               }
-            )),
+            ) : item.title),
             item.linkText && /* @__PURE__ */ jsxs(
               "p",
               {
@@ -952,45 +976,27 @@ function FeatureBentoImageGrid({
         renderItemImage(
           item,
           cn(
-            "h-full w-full rounded-xl object-cover object-center",
+            "h-full w-full rounded-xl object-cover object-center shadow-lg",
             index === 0 ? "max-h-44" : "max-h-96"
           )
         ),
         /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-black to-transparent opacity-80 transition-transform duration-300 group-hover:translate-y-0" }),
         /* @__PURE__ */ jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between p-7", children: [
-          hasIconBadgeContent && /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: cn(
-                "ml-auto flex w-fit items-center gap-1 p-2.5 text-sm font-semibold ",
-                item.iconBadgeClassName
-              ),
-              children: [
-                iconContent,
-                item.iconBadge
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5 ", children: [
+          hasIconBadgeContent && /* @__PURE__ */ jsxs(Badge, { className: cn("px-2 py-1", item.iconBadgeClassName), children: [
+            iconContent,
+            item.iconBadge
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0 text-white text-shadow-lg", children: [
             item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsx(
               "h4",
               {
                 className: cn(
-                  "text-2xl font-semibold lg:text-3xl",
-                  item.titleClassName
-                ),
-                children: item.title
-              }
-            ) : /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "text-2xl font-semibold lg:text-3xl",
+                  "text-xl font-semibold lg:text-2xl",
                   item.titleClassName
                 ),
                 children: item.title
               }
-            )),
+            ) : item.title),
             item.linkText && /* @__PURE__ */ jsxs(
               "p",
               {

package/dist/feature-bento-utilities.cjs

@@ -418,7 +418,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__namespace.default.forwardRef(
   ({

package/dist/feature-bento-utilities.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
-import { O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
+import { O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-bento-utilities.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
-import { O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
+import { O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-bento-utilities.js

@@ -396,7 +396,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__default.forwardRef(
   ({

package/dist/feature-capabilities-grid.cjs

@@ -386,7 +386,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__namespace.default.forwardRef(
   ({

package/dist/feature-capabilities-grid.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
 import 'react/jsx-runtime';
-import './blocks-BlLF8sLO.cjs';
+import './blocks-CtBLU2p2.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-capabilities-grid.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
 import 'react/jsx-runtime';
-import './blocks-BJ3CyHu6.js';
+import './blocks-D9BXWpQN.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-capabilities-grid.js

@@ -365,7 +365,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__default.forwardRef(
   ({

package/dist/feature-card-grid-linked.cjs

@@ -763,7 +763,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({

package/dist/feature-card-grid-linked.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
-import { O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
+import { O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-card-grid-linked.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
-import { O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
+import { O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-card-grid-linked.js

@@ -742,7 +742,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({

package/dist/feature-carousel-progress.cjs

@@ -1041,7 +1041,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__namespace.default.forwardRef(
   ({

package/dist/feature-carousel-progress.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
 import 'react/jsx-runtime';
-import './blocks-BlLF8sLO.cjs';
+import './blocks-CtBLU2p2.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-carousel-progress.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
 import 'react/jsx-runtime';
-import './blocks-BJ3CyHu6.js';
+import './blocks-D9BXWpQN.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-carousel-progress.js

@@ -1016,7 +1016,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__default.forwardRef(
   ({

package/dist/feature-category-image-cards.cjs

@@ -424,7 +424,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__namespace.default.forwardRef(
   ({

package/dist/feature-category-image-cards.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
-import { O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
+import { O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-category-image-cards.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
-import { O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
+import { O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-category-image-cards.js

@@ -403,7 +403,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React3__default.forwardRef(
   ({

package/dist/feature-checklist-image.cjs

@@ -768,7 +768,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({

package/dist/feature-checklist-image.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-CEwp5AFN.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-C0hgXSQJ.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CtBLU2p2.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-checklist-image.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-Cz9FycbA.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-yvApKT-I.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-D9BXWpQN.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/feature-checklist-image.js

@@ -747,7 +747,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__default.forwardRef(
   ({

package/dist/feature-checklist-three-column.cjs

@@ -844,7 +844,7 @@ var spacingStyles = {
   xl: "py-24 md:py-40",
   hero: "pt-32 pb-12 md:pt-40 md:pb-40"
 };
-var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
+var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
 var Section = React__namespace.default.forwardRef(
   ({