@opensite/ui 0.5.8 → 0.5.9

package/dist/case-studies-testimonial-stats.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
-import { O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface CaseStudyTestimonialStat {

package/dist/case-study-prose-sidebar.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
-import { D as DetailItem, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { D as DetailItem, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 interface CaseStudyProseSidebarProps {

package/dist/case-study-prose-sidebar.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
-import { D as DetailItem, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { D as DetailItem, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface CaseStudyProseSidebarProps {

package/dist/case-study-stats-metrics.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
-import { g as BreadcrumbItem, S as StatItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { g as BreadcrumbItem, S as StatItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 interface CaseStudyStatsMetricsProps {

package/dist/case-study-stats-metrics.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
-import { g as BreadcrumbItem, S as StatItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { g as BreadcrumbItem, S as StatItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 interface CaseStudyStatsMetricsProps {

package/dist/case-study-toc-social-sidebar.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
-import { g as BreadcrumbItem, h as AuthorInfo, D as DetailItem, j as OutcomeItem, i as SectionItem, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { g as BreadcrumbItem, h as AuthorInfo, D as DetailItem, j as OutcomeItem, i as SectionItem, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/case-study-toc-social-sidebar.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
-import { g as BreadcrumbItem, h as AuthorInfo, D as DetailItem, j as OutcomeItem, i as SectionItem, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { g as BreadcrumbItem, h as AuthorInfo, D as DetailItem, j as OutcomeItem, i as SectionItem, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/{community-initiatives-CNw1QkRd.d.cts → community-initiatives--V294d8T.d.cts}

@@ -1,8 +1,12 @@
 import * as React$1 from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 
+interface DirectionConfig {
+    desktop: "mediaRight" | "mediaLeft";
+    mobile: "mediaTop" | "mediaBottom";
+}
 interface AboutSplitHeroProps {
     /**
      * Brand/logo text
@@ -61,13 +65,13 @@ interface AboutSplitHeroProps {
      */
     imageClassName?: string;
     /**
-     * Additional CSS classes for the section
+     * Additional CSS classes for the content area
      */
-    className?: string;
+    contentClassName?: string;
     /**
-     * Additional CSS classes for the container
+     * Additional CSS classes for the section
      */
-    containerClassName?: string;
+    className?: string;
     /**
      * Optional Optix Flow configuration for image optimization
      */
@@ -76,10 +80,6 @@ interface AboutSplitHeroProps {
      * Section background variant
      */
     background?: SectionBackground;
-    /**
-     * Section spacing variant
-     */
-    spacing?: SectionSpacing;
     /**
      * Pattern background key or URL
      */
@@ -88,13 +88,19 @@ interface AboutSplitHeroProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Direction configuration for desktop and mobile layouts
+     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
+     */
+    directionConfig?: DirectionConfig;
 }
 /**
- * About Split Hero - A split-screen hero section with dark theme styling,
- * featuring text content on the left and a large image on the right.
+ * About Split Hero - A full-width split-screen hero section with edge-to-edge design,
+ * featuring text content on one side and a large full-height image on the other.
  *
- * Layout: Two-column split layout with text on left, full-height image on right.
- * Key features: Dark theme, gradient text highlight, prominent CTA button.
+ * Layout: 50/50 split layout with content and image sections. Fully responsive with
+ * configurable media placement for desktop and mobile.
+ * Key features: Pattern background support, gradient text highlight, edge-to-edge design.
  * Best for: Premium/pro tier landing pages, product launches, upgrade prompts.
  *
  * @example
@@ -105,10 +111,13 @@ interface AboutSplitHeroProps {
  *   heading="Achieve More with Elite Access Pro"
  *   description="Enhance your career hunt with increased visibility."
  *   ctaAction={{ label: "Upgrade to premium", href: "/upgrade" }}
+ *   imageSrc="/hero-image.jpg"
+ *   pattern="dots"
+ *   background="dark"
  * />
  * ```
  */
-declare function AboutSplitHero({ brandText, brandTextClassName, brandHighlight, brandHighlightClassName, heading, headingClassName, description, descriptionClassName, ctaAction, ctaSlot, ctaClassName, imageSrc, imageAlt, imageClassName, className, containerClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutSplitHeroProps): React$1.JSX.Element;
+declare function AboutSplitHero({ brandText, brandTextClassName, brandHighlight, brandHighlightClassName, heading, headingClassName, description, descriptionClassName, ctaAction, ctaSlot, ctaClassName, imageSrc, imageAlt, imageClassName, contentClassName, className, optixFlowConfig, background, pattern, patternOpacity, directionConfig, }: AboutSplitHeroProps): React$1.JSX.Element;
 
 interface AboutMissionPrincipleItem {
     /**
@@ -1133,4 +1142,4 @@ interface MediaHoverCtasProps {
     };
 }
 
-export { AboutSplitHero as A, CommunityInitiatives as C, type FeatureShowcaseItem as F, type MediaHoverCtasProps as M, type PageHeroBannerProps as P, type SectionProps as S, AboutMissionPrinciples as a, AboutExpandableValues as b, AboutCultureTabs as c, type ContainerProps as d, type ContainerMaxWidth as e, type SectionBackground as f, type SectionSpacing as g, type AnimatedDialogProps as h, type AnimatedDialogSize as i, type AlternatingBlocksProps as j, type AlternatingBlockSection as k, type AboutSplitHeroProps as l, type AboutMissionPrinciplesProps as m, type AboutExpandableValuesProps as n, type CommunityInitiativesProps as o, type AboutCultureTabsProps as p, type MediaHoverCtaItem as q, type MediaHoverCtaType as r, type FeatureShowcaseProps as s };
+export { AboutSplitHero as A, CommunityInitiatives as C, type DirectionConfig as D, type FeatureShowcaseItem as F, type MediaHoverCtasProps as M, type PageHeroBannerProps as P, type SectionProps as S, AboutMissionPrinciples as a, AboutExpandableValues as b, AboutCultureTabs as c, type ContainerProps as d, type ContainerMaxWidth as e, type SectionBackground as f, type SectionSpacing as g, type AnimatedDialogProps as h, type AnimatedDialogSize as i, type AlternatingBlocksProps as j, type AlternatingBlockSection as k, type AboutSplitHeroProps as l, type AboutMissionPrinciplesProps as m, type AboutExpandableValuesProps as n, type CommunityInitiativesProps as o, type AboutCultureTabsProps as p, type MediaHoverCtaItem as q, type MediaHoverCtaType as r, type FeatureShowcaseProps as s };

package/dist/{community-initiatives-ClLtyUd-.d.ts → community-initiatives-An3w_HDN.d.ts}

@@ -1,8 +1,12 @@
 import * as React$1 from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 
+interface DirectionConfig {
+    desktop: "mediaRight" | "mediaLeft";
+    mobile: "mediaTop" | "mediaBottom";
+}
 interface AboutSplitHeroProps {
     /**
      * Brand/logo text
@@ -61,13 +65,13 @@ interface AboutSplitHeroProps {
      */
     imageClassName?: string;
     /**
-     * Additional CSS classes for the section
+     * Additional CSS classes for the content area
      */
-    className?: string;
+    contentClassName?: string;
     /**
-     * Additional CSS classes for the container
+     * Additional CSS classes for the section
      */
-    containerClassName?: string;
+    className?: string;
     /**
      * Optional Optix Flow configuration for image optimization
      */
@@ -76,10 +80,6 @@ interface AboutSplitHeroProps {
      * Section background variant
      */
     background?: SectionBackground;
-    /**
-     * Section spacing variant
-     */
-    spacing?: SectionSpacing;
     /**
      * Pattern background key or URL
      */
@@ -88,13 +88,19 @@ interface AboutSplitHeroProps {
      * Pattern opacity (0-1)
      */
     patternOpacity?: number;
+    /**
+     * Direction configuration for desktop and mobile layouts
+     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
+     */
+    directionConfig?: DirectionConfig;
 }
 /**
- * About Split Hero - A split-screen hero section with dark theme styling,
- * featuring text content on the left and a large image on the right.
+ * About Split Hero - A full-width split-screen hero section with edge-to-edge design,
+ * featuring text content on one side and a large full-height image on the other.
  *
- * Layout: Two-column split layout with text on left, full-height image on right.
- * Key features: Dark theme, gradient text highlight, prominent CTA button.
+ * Layout: 50/50 split layout with content and image sections. Fully responsive with
+ * configurable media placement for desktop and mobile.
+ * Key features: Pattern background support, gradient text highlight, edge-to-edge design.
  * Best for: Premium/pro tier landing pages, product launches, upgrade prompts.
  *
  * @example
@@ -105,10 +111,13 @@ interface AboutSplitHeroProps {
  *   heading="Achieve More with Elite Access Pro"
  *   description="Enhance your career hunt with increased visibility."
  *   ctaAction={{ label: "Upgrade to premium", href: "/upgrade" }}
+ *   imageSrc="/hero-image.jpg"
+ *   pattern="dots"
+ *   background="dark"
  * />
  * ```
  */
-declare function AboutSplitHero({ brandText, brandTextClassName, brandHighlight, brandHighlightClassName, heading, headingClassName, description, descriptionClassName, ctaAction, ctaSlot, ctaClassName, imageSrc, imageAlt, imageClassName, className, containerClassName, optixFlowConfig, background, spacing, pattern, patternOpacity, }: AboutSplitHeroProps): React$1.JSX.Element;
+declare function AboutSplitHero({ brandText, brandTextClassName, brandHighlight, brandHighlightClassName, heading, headingClassName, description, descriptionClassName, ctaAction, ctaSlot, ctaClassName, imageSrc, imageAlt, imageClassName, contentClassName, className, optixFlowConfig, background, pattern, patternOpacity, directionConfig, }: AboutSplitHeroProps): React$1.JSX.Element;
 
 interface AboutMissionPrincipleItem {
     /**
@@ -1133,4 +1142,4 @@ interface MediaHoverCtasProps {
     };
 }
 
-export { AboutSplitHero as A, CommunityInitiatives as C, type FeatureShowcaseItem as F, type MediaHoverCtasProps as M, type PageHeroBannerProps as P, type SectionProps as S, AboutMissionPrinciples as a, AboutExpandableValues as b, AboutCultureTabs as c, type ContainerProps as d, type ContainerMaxWidth as e, type SectionBackground as f, type SectionSpacing as g, type AnimatedDialogProps as h, type AnimatedDialogSize as i, type AlternatingBlocksProps as j, type AlternatingBlockSection as k, type AboutSplitHeroProps as l, type AboutMissionPrinciplesProps as m, type AboutExpandableValuesProps as n, type CommunityInitiativesProps as o, type AboutCultureTabsProps as p, type MediaHoverCtaItem as q, type MediaHoverCtaType as r, type FeatureShowcaseProps as s };
+export { AboutSplitHero as A, CommunityInitiatives as C, type DirectionConfig as D, type FeatureShowcaseItem as F, type MediaHoverCtasProps as M, type PageHeroBannerProps as P, type SectionProps as S, AboutMissionPrinciples as a, AboutExpandableValues as b, AboutCultureTabs as c, type ContainerProps as d, type ContainerMaxWidth as e, type SectionBackground as f, type SectionSpacing as g, type AnimatedDialogProps as h, type AnimatedDialogSize as i, type AlternatingBlocksProps as j, type AlternatingBlockSection as k, type AboutSplitHeroProps as l, type AboutMissionPrinciplesProps as m, type AboutExpandableValuesProps as n, type CommunityInitiativesProps as o, type AboutCultureTabsProps as p, type MediaHoverCtaItem as q, type MediaHoverCtaType as r, type FeatureShowcaseProps as s };

package/dist/community-initiatives.cjs

@@ -1076,24 +1076,33 @@ function CommunityInitiatives({
     categories?.[0]?.id || ""
   );
   const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
-  const handleCategoryChange = React.useCallback((e) => {
-    setActiveCategory(e.target.value);
-  }, []);
+  const handleCategoryChange = React.useCallback(
+    (e) => {
+      setActiveCategory(e.target.value);
+    },
+    []
+  );
   const actionsContent = React.useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap justify-center gap-4", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-      Pressable,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        href: action.href,
-        onClick: action.onClick,
-        variant: action.variant || "default",
-        size: action.size || "lg",
-        asButton: true,
-        children: action.label
-      },
-      idx
-    )) });
+        className: cn("flex flex-wrap justify-center gap-4", actionsClassName),
+        children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            href: action.href,
+            onClick: action.onClick,
+            variant: action.variant || "default",
+            size: action.size || "lg",
+            asButton: true,
+            children: action.label
+          },
+          idx
+        ))
+      }
+    );
   }, [actionsSlot, actions, actionsClassName]);
   const categoriesContent = React.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
@@ -1107,7 +1116,7 @@ function CommunityInitiatives({
         className: cn("space-y-8", tabsClassName),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 w-full md:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-0 md:mb-6 w-full md:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 value: activeCategory,
@@ -1126,7 +1135,7 @@ function CommunityInitiatives({
               category.id
             )) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: currentCategory?.description }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: currentCategory?.description }) }),
           categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
             TabsContent,
             {
@@ -1219,7 +1228,16 @@ function CommunityInitiatives({
         ]
       }
     );
-  }, [categoriesSlot, categories, activeCategory, setActiveCategory, tabsClassName, handleCategoryChange, currentCategory, optixFlowConfig]);
+  }, [
+    categoriesSlot,
+    categories,
+    activeCategory,
+    setActiveCategory,
+    tabsClassName,
+    handleCategoryChange,
+    currentCategory,
+    optixFlowConfig
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -1230,16 +1248,58 @@ function CommunityInitiatives({
       className: cn(className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto mb-16 max-w-3xl space-y-4 text-center", headerClassName), children: [
-          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto mb-8 md:mb-16 max-w-3xl space-y-4 text-center",
+              headerClassName
+            ),
+            children: [
+              badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
+                    badgeClassName
+                  ),
+                  children: badgeText
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-bold tracking-tight md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+            ]
+          }
+        ),
         categoriesContent,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-20 text-center", ctaClassName), children: [
           ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 inline-flex items-center justify-center rounded-full bg-muted p-1", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText }) }),
           ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4", ctaHeadingClassName), children: ctaHeading })),
-          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-8 max-w-2xl text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName), children: ctaDescription })),
+          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "mx-auto mb-8 max-w-2xl text-muted-foreground",
+                ctaDescriptionClassName
+              ),
+              children: ctaDescription
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
+              children: ctaDescription
+            }
+          )),
           actionsContent
         ] })
       ]

package/dist/community-initiatives.d.cts

@@ -1,8 +1,8 @@
-export { C as CommunityInitiatives, o as CommunityInitiativesProps } from './community-initiatives-CNw1QkRd.cjs';
+export { C as CommunityInitiatives, o as CommunityInitiativesProps } from './community-initiatives--V294d8T.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-B53JjGZ5.cjs';
+import './blocks-qOnR4WhL.cjs';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';

package/dist/community-initiatives.d.ts

@@ -1,8 +1,8 @@
-export { C as CommunityInitiatives, o as CommunityInitiativesProps } from './community-initiatives-ClLtyUd-.js';
+export { C as CommunityInitiatives, o as CommunityInitiativesProps } from './community-initiatives-An3w_HDN.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-CyUmnmEM.js';
+import './blocks-MliqP3QH.js';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';

package/dist/community-initiatives.js

@@ -1054,24 +1054,33 @@ function CommunityInitiatives({
     categories?.[0]?.id || ""
   );
   const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
-  const handleCategoryChange = useCallback((e) => {
-    setActiveCategory(e.target.value);
-  }, []);
+  const handleCategoryChange = useCallback(
+    (e) => {
+      setActiveCategory(e.target.value);
+    },
+    []
+  );
   const actionsContent = useMemo(() => {
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap justify-center gap-4", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsx(
-      Pressable,
+    return /* @__PURE__ */ jsx(
+      "div",
       {
-        href: action.href,
-        onClick: action.onClick,
-        variant: action.variant || "default",
-        size: action.size || "lg",
-        asButton: true,
-        children: action.label
-      },
-      idx
-    )) });
+        className: cn("flex flex-wrap justify-center gap-4", actionsClassName),
+        children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            href: action.href,
+            onClick: action.onClick,
+            variant: action.variant || "default",
+            size: action.size || "lg",
+            asButton: true,
+            children: action.label
+          },
+          idx
+        ))
+      }
+    );
   }, [actionsSlot, actions, actionsClassName]);
   const categoriesContent = useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
@@ -1085,7 +1094,7 @@ function CommunityInitiatives({
         className: cn("space-y-8", tabsClassName),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex justify-center", children: [
-            /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:hidden", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "mb-0 md:mb-6 w-full md:hidden", children: /* @__PURE__ */ jsx(
               "select",
               {
                 value: activeCategory,
@@ -1104,7 +1113,7 @@ function CommunityInitiatives({
               category.id
             )) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: currentCategory?.description }) }),
+          /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: currentCategory?.description }) }),
           categories.map((category) => /* @__PURE__ */ jsx(
             TabsContent,
             {
@@ -1197,7 +1206,16 @@ function CommunityInitiatives({
         ]
       }
     );
-  }, [categoriesSlot, categories, activeCategory, setActiveCategory, tabsClassName, handleCategoryChange, currentCategory, optixFlowConfig]);
+  }, [
+    categoriesSlot,
+    categories,
+    activeCategory,
+    setActiveCategory,
+    tabsClassName,
+    handleCategoryChange,
+    currentCategory,
+    optixFlowConfig
+  ]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1208,16 +1226,58 @@ function CommunityInitiatives({
       className: cn(className),
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-16 max-w-3xl space-y-4 text-center", headerClassName), children: [
-          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto mb-8 md:mb-16 max-w-3xl space-y-4 text-center",
+              headerClassName
+            ),
+            children: [
+              badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary",
+                    badgeClassName
+                  ),
+                  children: badgeText
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-bold tracking-tight md:text-4xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+            ]
+          }
+        ),
         categoriesContent,
         /* @__PURE__ */ jsxs("div", { className: cn("mt-20 text-center", ctaClassName), children: [
           ctaBadgeText && /* @__PURE__ */ jsx("div", { className: "mb-8 inline-flex items-center justify-center rounded-full bg-muted p-1", children: /* @__PURE__ */ jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText }) }),
           ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", ctaHeadingClassName), children: ctaHeading })),
-          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-8 max-w-2xl text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName), children: ctaDescription })),
+          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cn(
+                "mx-auto mb-8 max-w-2xl text-muted-foreground",
+                ctaDescriptionClassName
+              ),
+              children: ctaDescription
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
+              children: ctaDescription
+            }
+          )),
           actionsContent
         ] })
       ]

package/dist/comparison-ai-models.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
-import { O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives--V294d8T.cjs';
+import { O as OptixFlowConfig } from './blocks-qOnR4WhL.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.cjs';
+import './button-variants-BmOlmOJa.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/comparison-ai-models.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
-import { O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-An3w_HDN.js';
+import { O as OptixFlowConfig } from './blocks-MliqP3QH.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CfOeYrR-.js';
+import './button-variants-BmOlmOJa.js';
 import 'class-variance-authority/types';
 
 /**