@opensite/ui 2.3.2 → 2.3.4

package/dist/about-company-profile.cjs

@@ -852,7 +852,7 @@ function AboutCompanyProfile({
   optixFlowConfig,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-company-profile.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, L as LogoItem, S as StatItem, 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, L as LogoItem, S as StatItem, 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 BreakoutConfig {

package/dist/about-company-profile.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, L as LogoItem, S as StatItem, 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, L as LogoItem, S as StatItem, 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 BreakoutConfig {

package/dist/about-company-profile.js

@@ -831,7 +831,7 @@ function AboutCompanyProfile({
   optixFlowConfig,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-culture-tabs.cjs

@@ -946,6 +946,38 @@ var Pressable = React3__namespace.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React3__namespace.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React3__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React3__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 (React3__namespace.isValidElement(reactNode)) {
+          return React3__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(React3__namespace.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 var MOBILE_CLASSES = {
   "fit-left": "items-start md:items-center",
   "fit-center": "items-center",
@@ -1010,38 +1042,6 @@ function ActionComponent({ action }) {
     }
   );
 }
-function TextInner({ as, className, children, ...props }, ref) {
-  const Component = as || "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
-}
-var Text = React3__namespace.forwardRef(TextInner);
-Text.displayName = "Text";
-function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React3__namespace.isValidElement(item) && "_type" in item && item._type === "text";
-}
-var ContentGroup = React3__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 (React3__namespace.isValidElement(reactNode)) {
-          return React3__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
-        }
-        return /* @__PURE__ */ jsxRuntime.jsx(React3__namespace.Fragment, { children: reactNode }, idx);
-      }),
-      children
-    ] });
-  }
-);
-ContentGroup.displayName = "ContentGroup";
 function AboutCultureTabs({
   badgeText,
   heading,

package/dist/about-culture-tabs.d.cts

@@ -1,7 +1,7 @@
-export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-r_NhxVet.cjs';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-BFOWojwp.cjs';
 import 'react';
 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';

package/dist/about-culture-tabs.d.ts

@@ -1,7 +1,7 @@
-export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-DmVsuoHE.js';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-CUqiRX_E.js';
 import 'react';
 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';

package/dist/about-culture-tabs.js

@@ -924,6 +924,38 @@ var Pressable = React3.forwardRef(
   }
 );
 Pressable.displayName = "Pressable";
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React3.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React3.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React3.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React3.isValidElement(reactNode)) {
+          return React3.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsx(React3.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 var MOBILE_CLASSES = {
   "fit-left": "items-start md:items-center",
   "fit-center": "items-center",
@@ -988,38 +1020,6 @@ function ActionComponent({ action }) {
     }
   );
 }
-function TextInner({ as, className, children, ...props }, ref) {
-  const Component = as || "span";
-  return /* @__PURE__ */ jsx(Component, { ref, className: cn(className), ...props, children });
-}
-var Text = React3.forwardRef(TextInner);
-Text.displayName = "Text";
-function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React3.isValidElement(item) && "_type" in item && item._type === "text";
-}
-var ContentGroup = React3.forwardRef(
-  ({ items, className, children, ...props }, ref) => {
-    const hasContent = items && items.length > 0;
-    if (!hasContent) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn(className), ...props, children: [
-      items.map((item, idx) => {
-        if (isContentTextItem(item)) {
-          const { _type, ...textProps } = item;
-          return /* @__PURE__ */ jsx(Text, { ...textProps }, idx);
-        }
-        const reactNode = item;
-        if (React3.isValidElement(reactNode)) {
-          return React3.cloneElement(reactNode, { key: reactNode.key ?? idx });
-        }
-        return /* @__PURE__ */ jsx(React3.Fragment, { children: reactNode }, idx);
-      }),
-      children
-    ] });
-  }
-);
-ContentGroup.displayName = "ContentGroup";
 function AboutCultureTabs({
   badgeText,
   heading,

package/dist/about-developer-profile.cjs

@@ -913,7 +913,7 @@ function AboutDeveloperProfile({
   actionsClassName,
   optixFlowConfig,
   background,
-  spacing = "pt-28 pb-8 md:pt-32 md:pb-32",
+  spacing = "xl",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity

package/dist/about-developer-profile.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 SocialLinkItem, 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 SocialLinkItem, 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 AboutDeveloperProfileProps {

package/dist/about-developer-profile.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 SocialLinkItem, 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 SocialLinkItem, 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 AboutDeveloperProfileProps {

package/dist/about-developer-profile.js

@@ -892,7 +892,7 @@ function AboutDeveloperProfile({
   actionsClassName,
   optixFlowConfig,
   background,
-  spacing = "pt-28 pb-8 md:pt-32 md:pb-32",
+  spacing = "xl",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   pattern,
   patternOpacity

package/dist/about-developer-story.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, L as LogoItem, S as StatItem, 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, L as LogoItem, S as StatItem, 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 AboutDeveloperStoryProps {

package/dist/about-developer-story.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, L as LogoItem, S as StatItem, 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, L as LogoItem, S as StatItem, 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 AboutDeveloperStoryProps {

package/dist/about-expandable-values.d.cts

@@ -1,7 +1,7 @@
-export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-r_NhxVet.cjs';
+export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-BFOWojwp.cjs';
 import 'react';
 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';

package/dist/about-expandable-values.d.ts

@@ -1,7 +1,7 @@
-export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-DmVsuoHE.js';
+export { b as AboutExpandableValues, n as AboutExpandableValuesProps } from './community-initiatives-CUqiRX_E.js';
 import 'react';
 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';

package/dist/about-interactive-tabs.cjs

@@ -425,7 +425,7 @@ function AboutInteractiveTabs({
   optixFlowConfig,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-interactive-tabs.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 TabItem {

package/dist/about-interactive-tabs.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 TabItem {

package/dist/about-interactive-tabs.js

@@ -404,7 +404,7 @@ function AboutInteractiveTabs({
   optixFlowConfig,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "py-12 md:py-32",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-location-info-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 { 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 AboutLocationInfoHeroHours {

package/dist/about-location-info-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 { 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 AboutLocationInfoHeroHours {

package/dist/about-minimal-story.cjs

@@ -427,7 +427,6 @@ function AboutMinimalStory({
   authorSlot,
   featuredImage,
   className,
-  containerClassName,
   contentClassName,
   titleClassName,
   bodyClassName,
@@ -435,7 +434,8 @@ function AboutMinimalStory({
   imageClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -451,7 +451,16 @@ function AboutMinimalStory({
           className: "h-16 w-16 rounded-full object-cover",
           optixFlowConfig
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-16 w-16 items-center justify-center rounded-full text-2xl font-bold text-primary-foreground", getAccentColor(background)), children: author.name.charAt(0) }),
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "flex h-16 w-16 items-center justify-center rounded-full text-2xl font-bold text-primary-foreground",
+            getAccentColor(background)
+          ),
+          children: author.name.charAt(0)
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: author.name }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: author.role })
@@ -465,7 +474,7 @@ function AboutMinimalStory({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-3xl", contentClassName), children: [
         (authorSlot || author) && authorContent,

package/dist/about-minimal-story.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 AboutMinimalStoryProps {
@@ -86,6 +86,6 @@ interface AboutMinimalStoryProps {
      */
     patternOpacity?: number;
 }
-declare function AboutMinimalStory({ title, content, author, authorSlot, featuredImage, className, containerClassName, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
+declare function AboutMinimalStory({ title, content, author, authorSlot, featuredImage, className, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
 
 export { AboutMinimalStory, type AboutMinimalStoryProps };

package/dist/about-minimal-story.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 AboutMinimalStoryProps {
@@ -86,6 +86,6 @@ interface AboutMinimalStoryProps {
      */
     patternOpacity?: number;
 }
-declare function AboutMinimalStory({ title, content, author, authorSlot, featuredImage, className, containerClassName, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
+declare function AboutMinimalStory({ title, content, author, authorSlot, featuredImage, className, contentClassName, titleClassName, bodyClassName, authorClassName, imageClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMinimalStoryProps): React.JSX.Element;
 
 export { AboutMinimalStory, type AboutMinimalStoryProps };

package/dist/about-minimal-story.js

@@ -421,7 +421,6 @@ function AboutMinimalStory({
   authorSlot,
   featuredImage,
   className,
-  containerClassName,
   contentClassName,
   titleClassName,
   bodyClassName,
@@ -429,7 +428,8 @@ function AboutMinimalStory({
   imageClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -445,7 +445,16 @@ function AboutMinimalStory({
           className: "h-16 w-16 rounded-full object-cover",
           optixFlowConfig
         }
-      ) : /* @__PURE__ */ jsx("div", { className: cn("flex h-16 w-16 items-center justify-center rounded-full text-2xl font-bold text-primary-foreground", getAccentColor(background)), children: author.name.charAt(0) }),
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "flex h-16 w-16 items-center justify-center rounded-full text-2xl font-bold text-primary-foreground",
+            getAccentColor(background)
+          ),
+          children: author.name.charAt(0)
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "font-semibold", children: author.name }),
         /* @__PURE__ */ jsx("p", { className: cn("text-sm", getTextColor(background, "muted")), children: author.role })
@@ -459,7 +468,7 @@ function AboutMinimalStory({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl", contentClassName), children: [
         (authorSlot || author) && authorContent,

package/dist/about-mission-dual-image.cjs

@@ -861,7 +861,6 @@ function AboutMissionDualImage({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   contentClassName,
   missionTitleClassName,
   missionContentClassName,
@@ -872,7 +871,8 @@ function AboutMissionDualImage({
   actionsClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {

package/dist/about-mission-dual-image.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 AboutMissionDualImageProps {
@@ -106,6 +106,6 @@ interface AboutMissionDualImageProps {
      */
     patternOpacity?: number;
 }
-declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, containerClassName, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
+declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
 
 export { AboutMissionDualImage, type AboutMissionDualImageProps };

package/dist/about-mission-dual-image.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 AboutMissionDualImageProps {
@@ -106,6 +106,6 @@ interface AboutMissionDualImageProps {
      */
     patternOpacity?: number;
 }
-declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, containerClassName, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
+declare function AboutMissionDualImage({ missionTitle, missionContent, visionTitle, visionContent, primaryImage, secondaryImage, actions, actionsSlot, className, contentClassName, missionTitleClassName, missionContentClassName, visionTitleClassName, visionContentClassName, primaryImageClassName, secondaryImageClassName, actionsClassName, optixFlowConfig, background, containerClassName, spacing, pattern, patternOpacity, }: AboutMissionDualImageProps): React.JSX.Element;
 
 export { AboutMissionDualImage, type AboutMissionDualImageProps };

package/dist/about-mission-dual-image.js

@@ -840,7 +840,6 @@ function AboutMissionDualImage({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   contentClassName,
   missionTitleClassName,
   missionContentClassName,
@@ -851,7 +850,8 @@ function AboutMissionDualImage({
   actionsClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {