@opensite/ui 2.3.2 → 2.3.4

package/dist/about-story-expertise.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStoryExpertiseArea {
@@ -145,12 +145,16 @@ interface AboutStoryExpertiseProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * AboutStoryExpertise - A two-part about section featuring a founder-style story
  * with image overlay, followed by a grid of expertise highlights. Ideal for
  * trust-building pages that need narrative plus proof points.
  */
-declare function AboutStoryExpertise({ eyebrow, eyebrowClassName, heading, headingClassName, storyParagraphs, storySlot, storyClassName, actions, actionsSlot, actionsClassName, image, imageClassName, highlight, highlightSlot, highlightClassName, expertiseHeading, expertiseHeadingClassName, expertiseDescription, expertiseDescriptionClassName, expertiseAreas, expertiseAreasSlot, expertiseAreasClassName, expertiseSectionClassName, className, background, spacing, pattern, patternOpacity, optixFlowConfig, }: AboutStoryExpertiseProps): React.JSX.Element;
+declare function AboutStoryExpertise({ eyebrow, eyebrowClassName, heading, headingClassName, storyParagraphs, storySlot, storyClassName, actions, actionsSlot, actionsClassName, image, imageClassName, highlight, highlightSlot, highlightClassName, expertiseHeading, expertiseHeadingClassName, expertiseDescription, expertiseDescriptionClassName, expertiseAreas, expertiseAreasSlot, expertiseAreasClassName, expertiseSectionClassName, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: AboutStoryExpertiseProps): React.JSX.Element;
 
 export { AboutStoryExpertise, type AboutStoryExpertiseProps };

package/dist/about-story-expertise.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface AboutStoryExpertiseArea {
@@ -145,12 +145,16 @@ interface AboutStoryExpertiseProps {
      * Optional Optix Flow configuration for image optimization
      */
     optixFlowConfig?: OptixFlowConfig;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * AboutStoryExpertise - A two-part about section featuring a founder-style story
  * with image overlay, followed by a grid of expertise highlights. Ideal for
  * trust-building pages that need narrative plus proof points.
  */
-declare function AboutStoryExpertise({ eyebrow, eyebrowClassName, heading, headingClassName, storyParagraphs, storySlot, storyClassName, actions, actionsSlot, actionsClassName, image, imageClassName, highlight, highlightSlot, highlightClassName, expertiseHeading, expertiseHeadingClassName, expertiseDescription, expertiseDescriptionClassName, expertiseAreas, expertiseAreasSlot, expertiseAreasClassName, expertiseSectionClassName, className, background, spacing, pattern, patternOpacity, optixFlowConfig, }: AboutStoryExpertiseProps): React.JSX.Element;
+declare function AboutStoryExpertise({ eyebrow, eyebrowClassName, heading, headingClassName, storyParagraphs, storySlot, storyClassName, actions, actionsSlot, actionsClassName, image, imageClassName, highlight, highlightSlot, highlightClassName, expertiseHeading, expertiseHeadingClassName, expertiseDescription, expertiseDescriptionClassName, expertiseAreas, expertiseAreasSlot, expertiseAreasClassName, expertiseSectionClassName, className, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: AboutStoryExpertiseProps): React.JSX.Element;
 
 export { AboutStoryExpertise, type AboutStoryExpertiseProps };

package/dist/about-story-expertise.js

@@ -895,7 +895,8 @@ function AboutStoryExpertise({
   expertiseSectionClassName,
   className,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -985,6 +986,7 @@ function AboutStoryExpertise({
       className: cn(className),
       pattern,
       patternOpacity,
+      containerClassName,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2", children: [
           /* @__PURE__ */ jsxs(

package/dist/about-story-gallery.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {

package/dist/about-story-gallery.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {

package/dist/about-story-hero.cjs

@@ -458,7 +458,6 @@ function AboutStoryHero({
   teamInfo,
   teamInfoSlot,
   className,
-  containerClassName,
   contentClassName,
   titleClassName,
   subtitleClassName,
@@ -467,7 +466,8 @@ function AboutStoryHero({
   imageClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-story-hero.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStoryHeroProps {
@@ -90,6 +90,6 @@ interface AboutStoryHeroProps {
      */
     patternOpacity?: number;
 }
-declare function AboutStoryHero({ title, subtitle, content, heroImage, teamInfo, teamInfoSlot, className, containerClassName, contentClassName, titleClassName, subtitleClassName, bodyClassName, teamInfoClassName, imageClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStoryHeroProps): React.JSX.Element;
+declare function AboutStoryHero({ title, subtitle, content, heroImage, teamInfo, teamInfoSlot, className, contentClassName, titleClassName, subtitleClassName, bodyClassName, teamInfoClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutStoryHeroProps): React.JSX.Element;
 
 export { AboutStoryHero, type AboutStoryHeroProps };

package/dist/about-story-hero.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface AboutStoryHeroProps {
@@ -90,6 +90,6 @@ interface AboutStoryHeroProps {
      */
     patternOpacity?: number;
 }
-declare function AboutStoryHero({ title, subtitle, content, heroImage, teamInfo, teamInfoSlot, className, containerClassName, contentClassName, titleClassName, subtitleClassName, bodyClassName, teamInfoClassName, imageClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStoryHeroProps): React.JSX.Element;
+declare function AboutStoryHero({ title, subtitle, content, heroImage, teamInfo, teamInfoSlot, className, contentClassName, titleClassName, subtitleClassName, bodyClassName, teamInfoClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutStoryHeroProps): React.JSX.Element;
 
 export { AboutStoryHero, type AboutStoryHeroProps };

package/dist/about-story-hero.js

@@ -452,7 +452,6 @@ function AboutStoryHero({
   teamInfo,
   teamInfoSlot,
   className,
-  containerClassName,
   contentClassName,
   titleClassName,
   subtitleClassName,
@@ -461,7 +460,8 @@ function AboutStoryHero({
   imageClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-streamline-team.cjs

@@ -888,7 +888,6 @@ var Section = React__namespace.default.forwardRef(
 Section.displayName = "Section";
 function AboutStreamlineTeam({
   className,
-  containerClassName,
   title,
   titleClassName,
   description,
@@ -910,7 +909,8 @@ function AboutStreamlineTeam({
   teamSectionClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -930,7 +930,13 @@ function AboutStreamlineTeam({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
-        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: feature.description }) : feature.description)
+        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: cn("text-sm", getTextColor(background, "muted")),
+            children: feature.description
+          }
+        ) : feature.description)
       ] })
     ] }, idx)) });
   }, [featuresSlot, features, featuresClassName, background]);

package/dist/about-streamline-team.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
+import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface AboutStreamlineTeamProps {
@@ -118,6 +118,6 @@ interface AboutStreamlineTeamProps {
      */
     patternOpacity?: number;
 }
-declare function AboutStreamlineTeam({ className, containerClassName, title, titleClassName, description, descriptionClassName, primaryImage, primaryImageClassName, secondaryImage, secondaryImageClassName, teamTitle, teamTitleClassName, teamDescription, teamDescriptionClassName, actions, actionsSlot, actionsClassName, features, featuresSlot, featuresClassName, teamSectionClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStreamlineTeamProps): React.JSX.Element;
+declare function AboutStreamlineTeam({ className, title, titleClassName, description, descriptionClassName, primaryImage, primaryImageClassName, secondaryImage, secondaryImageClassName, teamTitle, teamTitleClassName, teamDescription, teamDescriptionClassName, actions, actionsSlot, actionsClassName, features, featuresSlot, featuresClassName, teamSectionClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutStreamlineTeamProps): React.JSX.Element;
 
 export { AboutStreamlineTeam, type AboutStreamlineTeamProps };

package/dist/about-streamline-team.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { A as ActionConfig, F as FeatureItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface AboutStreamlineTeamProps {
@@ -118,6 +118,6 @@ interface AboutStreamlineTeamProps {
      */
     patternOpacity?: number;
 }
-declare function AboutStreamlineTeam({ className, containerClassName, title, titleClassName, description, descriptionClassName, primaryImage, primaryImageClassName, secondaryImage, secondaryImageClassName, teamTitle, teamTitleClassName, teamDescription, teamDescriptionClassName, actions, actionsSlot, actionsClassName, features, featuresSlot, featuresClassName, teamSectionClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutStreamlineTeamProps): React.JSX.Element;
+declare function AboutStreamlineTeam({ className, title, titleClassName, description, descriptionClassName, primaryImage, primaryImageClassName, secondaryImage, secondaryImageClassName, teamTitle, teamTitleClassName, teamDescription, teamDescriptionClassName, actions, actionsSlot, actionsClassName, features, featuresSlot, featuresClassName, teamSectionClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutStreamlineTeamProps): React.JSX.Element;
 
 export { AboutStreamlineTeam, type AboutStreamlineTeamProps };

package/dist/about-streamline-team.js

@@ -867,7 +867,6 @@ var Section = React__default.forwardRef(
 Section.displayName = "Section";
 function AboutStreamlineTeam({
   className,
-  containerClassName,
   title,
   titleClassName,
   description,
@@ -889,7 +888,8 @@ function AboutStreamlineTeam({
   teamSectionClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -909,7 +909,13 @@ function AboutStreamlineTeam({
       ),
       /* @__PURE__ */ jsxs("div", { children: [
         feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }) : feature.title),
-        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: feature.description }) : feature.description)
+        feature.description && (typeof feature.description === "string" ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn("text-sm", getTextColor(background, "muted")),
+            children: feature.description
+          }
+        ) : feature.description)
       ] })
     ] }, idx)) });
   }, [featuresSlot, features, featuresClassName, background]);

package/dist/about-vision-gallery.cjs

@@ -879,7 +879,6 @@ var Section = React__namespace.default.forwardRef(
 Section.displayName = "Section";
 function AboutVisionGallery({
   className,
-  containerClassName,
   title,
   titleClassName,
   subtitle,
@@ -904,7 +903,8 @@ function AboutVisionGallery({
   ctaClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-vision-gallery.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {
@@ -148,6 +148,6 @@ interface AboutVisionGalleryProps {
  * />
  * ```
  */
-declare function AboutVisionGallery({ className, containerClassName, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, secondarySectionLinkText, secondarySectionLinkUrl, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
+declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, secondarySectionLinkText, secondarySectionLinkUrl, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
 
 export { AboutVisionGallery, type AboutVisionGalleryProps };

package/dist/about-vision-gallery.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface GalleryImageItem {
@@ -148,6 +148,6 @@ interface AboutVisionGalleryProps {
  * />
  * ```
  */
-declare function AboutVisionGallery({ className, containerClassName, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, secondarySectionLinkText, secondarySectionLinkUrl, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
+declare function AboutVisionGallery({ className, title, titleClassName, subtitle, subtitleClassName, images, imagesSlot, imagesClassName, primarySectionTitle, primarySectionTitleClassName, primarySectionContent, primarySectionContentClassName, secondarySectionTitle, secondarySectionTitleClassName, secondarySectionContent, secondarySectionContentClassName, secondarySectionLinkText, secondarySectionLinkUrl, ctaTitle, ctaTitleClassName, ctaAction, ctaSlot, ctaClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutVisionGalleryProps): React.JSX.Element;
 
 export { AboutVisionGallery, type AboutVisionGalleryProps };

package/dist/about-vision-gallery.js

@@ -858,7 +858,6 @@ var Section = React__default.forwardRef(
 Section.displayName = "Section";
 function AboutVisionGallery({
   className,
-  containerClassName,
   title,
   titleClassName,
   subtitle,
@@ -883,7 +882,8 @@ function AboutVisionGallery({
   ctaClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/alternating-blocks.cjs

@@ -1,22 +1,34 @@
 'use strict';
 
-var React = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
 // components/blocks/about/alternating-blocks.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getAccentColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-accent-foreground" : "text-primary";
-}
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -26,7 +38,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React__default.default.forwardRef(
+var Container = React4__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -331,7 +343,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React__default.default.forwardRef(
+var Section = React4__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -392,13 +404,46 @@ var Section = React__default.default.forwardRef(
   }
 );
 Section.displayName = "Section";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React4__namespace.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React4__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React4__namespace.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React4__namespace.isValidElement(reactNode)) {
+          return React4__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 function AlternatingBlocks({
   sections,
   sectionsSlot,
   title,
   subtitle,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "lg",
   className,
   contentClassName,
   sectionsClassName,
@@ -408,15 +453,27 @@ function AlternatingBlocks({
   pattern,
   patternOpacity
 }) {
-  const sectionsContent = React.useMemo(() => {
+  const sectionsContent = React4.useMemo(() => {
     if (sectionsSlot) return sectionsSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-12", sectionsClassName), children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn("grid items-center gap-8 md:grid-cols-2 md:gap-12", sectionItemClassName),
+        className: cn(
+          "grid items-center gap-8 md:grid-cols-2 md:gap-12",
+          sectionItemClassName
+        ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(section.mediaLeft ? "md:order-2" : "", sectionContentClassName), children: section.content }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                section.mediaLeft ? "md:order-2" : "",
+                sectionContentClassName
+              ),
+              children: section.content
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
@@ -432,22 +489,55 @@ function AlternatingBlocks({
       },
       index
     )) });
-  }, [sectionsSlot, sections, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName]);
+  }, [
+    sectionsSlot,
+    sections,
+    sectionsClassName,
+    sectionItemClassName,
+    sectionContentClassName,
+    sectionMediaClassName
+  ]);
+  const headerItems = React4.useMemo(() => {
+    const items = [];
+    if (subtitle) {
+      items.push(
+        typeof subtitle === "string" ? {
+          _type: "text",
+          as: "p",
+          className: "mb-2 text-sm font-semibold uppercase tracking-wider",
+          children: subtitle
+        } : subtitle
+      );
+    }
+    if (title) {
+      items.push(
+        typeof title === "string" ? {
+          _type: "text",
+          as: "h2",
+          className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl",
+          children: title
+        } : title
+      );
+    }
+    return items;
+  }, [title, subtitle]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
-      title: typeof title === "string" ? title : void 0,
-      subtitle: typeof subtitle === "string" ? subtitle : void 0,
       background,
       spacing,
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
-        title && typeof title !== "string" || subtitle && typeof subtitle !== "string" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
-          subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2 text-sm font-semibold uppercase tracking-wider", getAccentColor(background)), children: subtitle }),
-          title && typeof title !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
-        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ContentGroup,
+          {
+            className: "mb-12 text-center md:mb-16",
+            items: headerItems
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto w-full max-w-[900px]", contentClassName), children: sectionsContent })
       ]
     }

package/dist/alternating-blocks.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
 import 'react/jsx-runtime';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface AlternatingBlockSection {
@@ -70,6 +70,10 @@ interface AlternatingBlocksProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * AlternatingBlocks component displays content sections with alternating media placement.
@@ -92,6 +96,6 @@ interface AlternatingBlocksProps {
  * />
  * ```
  */
-declare function AlternatingBlocks({ sections, sectionsSlot, title, subtitle, background, spacing, className, contentClassName, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName, pattern, patternOpacity, }: AlternatingBlocksProps): React.JSX.Element;
+declare function AlternatingBlocks({ sections, sectionsSlot, title, subtitle, background, containerClassName, spacing, className, contentClassName, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName, pattern, patternOpacity, }: AlternatingBlocksProps): React.JSX.Element;
 
 export { type AlternatingBlockSection, AlternatingBlocks, type AlternatingBlocksProps };

package/dist/alternating-blocks.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
 import 'react/jsx-runtime';
-import './blocks-XLPGq8A5.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface AlternatingBlockSection {
@@ -70,6 +70,10 @@ interface AlternatingBlocksProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
 }
 /**
  * AlternatingBlocks component displays content sections with alternating media placement.
@@ -92,6 +96,6 @@ interface AlternatingBlocksProps {
  * />
  * ```
  */
-declare function AlternatingBlocks({ sections, sectionsSlot, title, subtitle, background, spacing, className, contentClassName, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName, pattern, patternOpacity, }: AlternatingBlocksProps): React.JSX.Element;
+declare function AlternatingBlocks({ sections, sectionsSlot, title, subtitle, background, containerClassName, spacing, className, contentClassName, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName, pattern, patternOpacity, }: AlternatingBlocksProps): React.JSX.Element;
 
 export { type AlternatingBlockSection, AlternatingBlocks, type AlternatingBlocksProps };