@opensite/ui 2.6.3 → 2.6.5

package/dist/carousel-icon-sidebar.js

@@ -966,7 +966,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/carousel-icon-tabs.cjs

@@ -993,7 +993,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/carousel-icon-tabs.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-dO-3eRo7.cjs';
+import { O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-icon-tabs.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-DIltDQCC.js';
+import { O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-icon-tabs.js

@@ -969,7 +969,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/carousel-image-hero.cjs

@@ -770,7 +770,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 = React5__namespace.default.forwardRef(
   ({

package/dist/carousel-image-hero.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, I as ImageItem, O as OptixFlowConfig } from './blocks-BlLF8sLO.cjs';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-dO-3eRo7.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-image-hero.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, I as ImageItem, O as OptixFlowConfig } from './blocks-BJ3CyHu6.js';
+import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-DIltDQCC.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-image-hero.js

@@ -749,7 +749,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 = React5__default.forwardRef(
   ({

package/dist/carousel-multi-step-showcase.cjs

@@ -799,7 +799,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/carousel-multi-step-showcase.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-dO-3eRo7.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-multi-step-showcase.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-DIltDQCC.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-multi-step-showcase.js

@@ -778,7 +778,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/carousel-portfolio-hero.cjs

@@ -8,6 +8,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var icon = require('@page-speed/icon');
 var img = require('@page-speed/img');
+var reactSlot = require('@radix-ui/react-slot');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -808,7 +809,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 = React5__namespace.default.forwardRef(
   ({
@@ -871,6 +872,38 @@ var Section = React5__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
+    }
+  );
+}
 var MOBILE_CLASSES = {
   "fit-left": "items-start md:items-center",
   "fit-center": "items-center",
@@ -1027,21 +1060,12 @@ function CarouselPortfolioHero({
               "relative z-10 flex h-full w-full flex-col justify-end px-6 pb-16 md:px-8 lg:px-12"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", contentClassName), children: [
-              currentSlide?.tag && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: typeof currentSlide.tag === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: cn(
-                    "inline-block rounded-full bg-primary px-3 py-1 text-sm font-medium",
-                    tagClassName
-                  ),
-                  children: currentSlide.tag
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: tagClassName, children: currentSlide.tag }) }),
+              currentSlide?.tag && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: typeof currentSlide.tag === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: cn("px-3 py-1", tagClassName), children: currentSlide.tag }) : currentSlide.tag }),
               currentSlide?.title && (typeof currentSlide.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {
                   className: cn(
-                    "text-4xl font-bold sm:text-5xl md:text-6xl text-balance text-shadow",
+                    "text-4xl font-bold sm:text-5xl md:text-6xl text-balance text-shadow-lg text-white",
                     titleClassName
                   ),
                   children: currentSlide.title
@@ -1051,7 +1075,7 @@ function CarouselPortfolioHero({
                 "p",
                 {
                   className: cn(
-                    "mt-4 text-lg opacity-80 sm:text-xl md:max-w-2xl  text-balance text-shadow",
+                    "mt-4 text-lg opacity-80 sm:text-xl md:max-w-2xl text-balance text-shadow-lg text-white",
                     descriptionClassName
                   ),
                   children: currentSlide.description
@@ -1060,7 +1084,7 @@ function CarouselPortfolioHero({
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: cn("mt-8 flex items-center gap-4", actionsClassName),
+                  className: cn("mt-2 flex items-center gap-4", actionsClassName),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       BlockActions,
@@ -1107,7 +1131,10 @@ function CarouselPortfolioHero({
                           /* @__PURE__ */ jsxRuntime.jsxs(
                             "div",
                             {
-                              className: cn("ml-3 text-sm opacity-80", counterClassName),
+                              className: cn(
+                                "ml-3 text-sm opacity-80 text-white text-shadow-lg",
+                                counterClassName
+                              ),
                               children: [
                                 currentIndex + 1,
                                 " / ",

package/dist/carousel-portfolio-hero.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-dO-3eRo7.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-portfolio-hero.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-DIltDQCC.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-portfolio-hero.js

@@ -7,6 +7,7 @@ import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Icon } from '@page-speed/icon';
 import { Img } from '@page-speed/img';
+import { Slot } from '@radix-ui/react-slot';
 
 // components/blocks/carousel/carousel-portfolio-hero.tsx
 function cn(...inputs) {
@@ -787,7 +788,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 = React5__default.forwardRef(
   ({
@@ -850,6 +851,38 @@ var Section = React5__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
+    }
+  );
+}
 var MOBILE_CLASSES = {
   "fit-left": "items-start md:items-center",
   "fit-center": "items-center",
@@ -1006,21 +1039,12 @@ function CarouselPortfolioHero({
               "relative z-10 flex h-full w-full flex-col justify-end px-6 pb-16 md:px-8 lg:px-12"
             ),
             children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: cn("w-full", contentClassName), children: [
-              currentSlide?.tag && /* @__PURE__ */ jsx("div", { className: "mb-4", children: typeof currentSlide.tag === "string" ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: cn(
-                    "inline-block rounded-full bg-primary px-3 py-1 text-sm font-medium",
-                    tagClassName
-                  ),
-                  children: currentSlide.tag
-                }
-              ) : /* @__PURE__ */ jsx("div", { className: tagClassName, children: currentSlide.tag }) }),
+              currentSlide?.tag && /* @__PURE__ */ jsx("div", { className: "mb-4", children: typeof currentSlide.tag === "string" ? /* @__PURE__ */ jsx(Badge, { className: cn("px-3 py-1", tagClassName), children: currentSlide.tag }) : currentSlide.tag }),
               currentSlide?.title && (typeof currentSlide.title === "string" ? /* @__PURE__ */ jsx(
                 "h1",
                 {
                   className: cn(
-                    "text-4xl font-bold sm:text-5xl md:text-6xl text-balance text-shadow",
+                    "text-4xl font-bold sm:text-5xl md:text-6xl text-balance text-shadow-lg text-white",
                     titleClassName
                   ),
                   children: currentSlide.title
@@ -1030,7 +1054,7 @@ function CarouselPortfolioHero({
                 "p",
                 {
                   className: cn(
-                    "mt-4 text-lg opacity-80 sm:text-xl md:max-w-2xl  text-balance text-shadow",
+                    "mt-4 text-lg opacity-80 sm:text-xl md:max-w-2xl text-balance text-shadow-lg text-white",
                     descriptionClassName
                   ),
                   children: currentSlide.description
@@ -1039,7 +1063,7 @@ function CarouselPortfolioHero({
               /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: cn("mt-8 flex items-center gap-4", actionsClassName),
+                  className: cn("mt-2 flex items-center gap-4", actionsClassName),
                   children: [
                     /* @__PURE__ */ jsx(
                       BlockActions,
@@ -1086,7 +1110,10 @@ function CarouselPortfolioHero({
                           /* @__PURE__ */ jsxs(
                             "div",
                             {
-                              className: cn("ml-3 text-sm opacity-80", counterClassName),
+                              className: cn(
+                                "ml-3 text-sm opacity-80 text-white text-shadow-lg",
+                                counterClassName
+                              ),
                               children: [
                                 currentIndex + 1,
                                 " / ",

package/dist/carousel-product-feature-showcase.cjs

@@ -795,7 +795,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/carousel-product-feature-showcase.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-dO-3eRo7.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-product-feature-showcase.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-DIltDQCC.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-product-feature-showcase.js

@@ -774,7 +774,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/carousel-progress-slider.cjs

@@ -769,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 = React5__namespace.default.forwardRef(
   ({

package/dist/carousel-progress-slider.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-dO-3eRo7.cjs';
+import { O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-progress-slider.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-DIltDQCC.js';
+import { O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-progress-slider.js

@@ -748,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 = React5__default.forwardRef(
   ({

package/dist/carousel-scale-focus.cjs

@@ -960,7 +960,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/carousel-scale-focus.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-dO-3eRo7.cjs';
+import { O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-scale-focus.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-DIltDQCC.js';
+import { O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-scale-focus.js

@@ -936,7 +936,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/carousel-scrolling-feature-showcase.cjs

@@ -371,7 +371,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/carousel-scrolling-feature-showcase.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-dO-3eRo7.cjs';
+import { O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-scrolling-feature-showcase.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-DIltDQCC.js';
+import { O as OptixFlowConfig } from './blocks-IjaKB9Ev.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/carousel-scrolling-feature-showcase.js

@@ -350,7 +350,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/carousel-sidebar-resources.cjs

@@ -960,7 +960,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/carousel-sidebar-resources.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-dO-3eRo7.cjs';
+import { O as OptixFlowConfig } from './blocks-YvQVRIDa.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';