@opensite/ui 2.3.7 → 2.3.8

package/dist/project-video-hover-bento.d.ts

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

package/dist/project-video-hover-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
-import './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BtyAiPGZ.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverGridItem {

package/dist/project-video-hover-grid.d.ts

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

package/dist/project-video-hover-rounded.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
-import './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BtyAiPGZ.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverRoundedItem {

package/dist/project-video-hover-rounded.d.ts

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

package/dist/project-video-hover-stack.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
-import './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BtyAiPGZ.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverStackItem {

package/dist/project-video-hover-stack.d.ts

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

package/dist/project-video-hover-two-by-two.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
-import './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BtyAiPGZ.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectVideoHoverTwoByTwoItem {

package/dist/project-video-hover-two-by-two.d.ts

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

package/dist/project-work-showcase.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
-import './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BtyAiPGZ.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectWorkShowcaseProject {

package/dist/project-work-showcase.d.ts

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

package/dist/project-zigzag-layout.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-BFOWojwp.cjs';
+import { f as SectionBackground } from './community-initiatives-BtyAiPGZ.cjs';
 import 'react';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/project-zigzag-layout.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-CUqiRX_E.js';
+import { f as SectionBackground } from './community-initiatives-BoJRCHbA.js';
 import 'react';
-import './blocks-DRE-f6cS.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/registry.cjs

@@ -2980,28 +2980,6 @@ function CommunityInitiatives({
     },
     []
   );
-  const actionsContent = React26.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,
-          {
-            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 = React26.useMemo(() => {
     if (categoriesSlot) return categoriesSlot;
     if (!categories || categories.length === 0) return null;
@@ -3033,7 +3011,7 @@ function CommunityInitiatives({
               category.id
             )) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(getTextColor(background, "muted")), children: currentCategory?.description }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative", children: currentCategory?.description }) }),
           categories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(
             TabsContent,
             {
@@ -3055,47 +3033,13 @@ function CommunityInitiatives({
                           ),
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "div",
-                                {
-                                  className: cn(
-                                    "rounded-md p-2",
-                                    getNestedCardBg(background, "muted")
-                                  ),
-                                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                                    DynamicIcon,
-                                    {
-                                      name: initiative.icon,
-                                      size: 24,
-                                      className: cn(getAccentColor(background))
-                                    }
-                                  )
-                                }
-                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("rounded-md p-2"), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: initiative.icon, size: 24 }) }),
                               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-bold", children: initiative.title })
                             ] }),
-                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(getTextColor(background, "muted")), children: initiative.description }),
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative", children: initiative.description }),
                             initiative.metrics && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-4 pt-2", children: initiative.metrics.map((metric, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "div",
-                                {
-                                  className: cn(
-                                    "text-2xl font-bold",
-                                    getAccentColor(background)
-                                  ),
-                                  children: metric.value
-                                }
-                              ),
-                              /* @__PURE__ */ jsxRuntime.jsx(
-                                "div",
-                                {
-                                  className: cn(
-                                    "mt-1 text-xs",
-                                    getTextColor(background, "muted")
-                                  ),
-                                  children: metric.label
-                                }
-                              )
+                              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-2xl font-bold"), children: metric.value }),
+                              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-1 text-xs"), children: metric.label })
                             ] }, i)) })
                           ]
                         }
@@ -3128,8 +3072,7 @@ function CommunityInitiatives({
                             Card,
                             {
                               className: cn(
-                                "flex h-full min-h-[280px] w-full items-center justify-center",
-                                getNestedCardBg(background, "subtle")
+                                "flex h-full min-h-[280px] w-full items-center justify-center"
                               ),
                               children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6 text-center", children: [
                                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -3137,11 +3080,7 @@ function CommunityInitiatives({
                                   {
                                     name: initiative.icon,
                                     size: 64,
-                                    className: cn(
-                                      "mx-auto mb-4",
-                                      getTextColor(background, "muted"),
-                                      "opacity-50"
-                                    )
+                                    className: cn("mx-auto mb-4", "opacity-50")
                                   }
                                 ),
                                 /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className: "mx-auto", children: [
@@ -3210,30 +3149,45 @@ function CommunityInitiatives({
           }
         ),
         categoriesContent,
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-20 text-center", ctaClassName), children: [
-          ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "mb-8 inline-flex items-center justify-center rounded-full 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 }) : ctaHeading),
-          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "mx-auto mb-8 max-w-2xl",
-                getTextColor(background, "muted"),
-                ctaDescriptionClassName
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-10 md:mt-24 p-6 md:p-16",
+              "text-center flex flex-col items-center",
+              "bg-muted text-muted-foreground",
+              "rounded-2xl shadow-lg",
+              ctaClassName
+            ),
+            children: [
+              ctaBadgeText && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "mb-8 inline-flex items-center justify-center rounded-full p-1"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText })
+                }
               ),
-              children: ctaDescription
-            }
-          ) : ctaDescription),
-          actionsContent
-        ] })
+              ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
+              ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
+                  children: ctaDescription
+                }
+              ) : ctaDescription),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
@@ -7983,27 +7937,39 @@ function AboutStreamlineTeam({
               "rounded-2xl shadow-lg",
               teamSectionClassName
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
-              teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h2",
-                {
-                  className: cn(
-                    "text-3xl font-bold md:text-4xl",
-                    teamTitleClassName
-                  ),
-                  children: teamTitle
-                }
-              ) : teamTitle),
-              teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", teamDescriptionClassName), children: teamDescription }) : teamDescription),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                BlockActions,
-                {
-                  actions,
-                  actionsSlot,
-                  actionsClassName
-                }
-              )
-            ] })
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col md:flex-row",
+                  "justify-center md:justify-between items-center md:items-start",
+                  "gap-8 md:gap-24"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 md:gap-8 text-center md:text-left", children: [
+                    teamTitle && (typeof teamTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "h2",
+                      {
+                        className: cn(
+                          "text-3xl font-bold md:text-4xl",
+                          teamTitleClassName
+                        ),
+                        children: teamTitle
+                      }
+                    ) : teamTitle),
+                    teamDescription && (typeof teamDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", teamDescriptionClassName), children: teamDescription }) : teamDescription)
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    BlockActions,
+                    {
+                      actions,
+                      actionsSlot,
+                      actionsClassName
+                    }
+                  )
+                ]
+              }
+            )
           }
         )
       ]