@opensite/ui 2.3.6 → 2.3.8

package/dist/index.js

@@ -1908,7 +1908,7 @@ function AboutSplitHero({
     }
   }, [background]);
   const desktopOrder = directionConfig.desktop === "mediaRight" ? "lg:flex-row" : "lg:flex-row-reverse";
-  const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col" : "flex-col-reverse";
+  const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col-reverse" : "flex-col";
   const contentArea = /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2502,28 +2502,6 @@ function CommunityInitiatives({
     },
     []
   );
-  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,
-          {
-            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;
     if (!categories || categories.length === 0) return null;
@@ -2555,7 +2533,7 @@ function CommunityInitiatives({
               category.id
             )) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: cn(getTextColor(background, "muted")), children: currentCategory?.description }) }),
+          /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-left md:text-center", children: /* @__PURE__ */ jsx("p", { className: "relative", children: currentCategory?.description }) }),
           categories.map((category) => /* @__PURE__ */ jsx(
             TabsContent,
             {
@@ -2577,47 +2555,13 @@ function CommunityInitiatives({
                           ),
                           children: [
                             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                              /* @__PURE__ */ jsx(
-                                "div",
-                                {
-                                  className: cn(
-                                    "rounded-md p-2",
-                                    getNestedCardBg(background, "muted")
-                                  ),
-                                  children: /* @__PURE__ */ jsx(
-                                    DynamicIcon,
-                                    {
-                                      name: initiative.icon,
-                                      size: 24,
-                                      className: cn(getAccentColor(background))
-                                    }
-                                  )
-                                }
-                              ),
+                              /* @__PURE__ */ jsx("div", { className: cn("rounded-md p-2"), children: /* @__PURE__ */ jsx(DynamicIcon, { name: initiative.icon, size: 24 }) }),
                               /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold", children: initiative.title })
                             ] }),
-                            /* @__PURE__ */ jsx("p", { className: cn(getTextColor(background, "muted")), children: initiative.description }),
+                            /* @__PURE__ */ jsx("p", { className: "relative", children: initiative.description }),
                             initiative.metrics && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-4 pt-2", children: initiative.metrics.map((metric, i) => /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-                              /* @__PURE__ */ jsx(
-                                "div",
-                                {
-                                  className: cn(
-                                    "text-2xl font-bold",
-                                    getAccentColor(background)
-                                  ),
-                                  children: metric.value
-                                }
-                              ),
-                              /* @__PURE__ */ jsx(
-                                "div",
-                                {
-                                  className: cn(
-                                    "mt-1 text-xs",
-                                    getTextColor(background, "muted")
-                                  ),
-                                  children: metric.label
-                                }
-                              )
+                              /* @__PURE__ */ jsx("div", { className: cn("text-2xl font-bold"), children: metric.value }),
+                              /* @__PURE__ */ jsx("div", { className: cn("mt-1 text-xs"), children: metric.label })
                             ] }, i)) })
                           ]
                         }
@@ -2650,8 +2594,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__ */ jsxs(CardContent, { className: "p-6 text-center", children: [
                                 /* @__PURE__ */ jsx(
@@ -2659,11 +2602,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__ */ jsxs(Badge, { variant: "secondary", className: "mx-auto", children: [
@@ -2732,30 +2671,45 @@ function CommunityInitiatives({
           }
         ),
         categoriesContent,
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-20 text-center", ctaClassName), children: [
-          ctaBadgeText && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "mb-8 inline-flex items-center justify-center rounded-full 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 }) : ctaHeading),
-          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
-            "p",
-            {
-              className: cn(
-                "mx-auto mb-8 max-w-2xl",
-                getTextColor(background, "muted"),
-                ctaDescriptionClassName
+        /* @__PURE__ */ 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__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "mb-8 inline-flex items-center justify-center rounded-full p-1"
+                  ),
+                  children: /* @__PURE__ */ 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__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : ctaHeading),
+              ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
+                  children: ctaDescription
+                }
+              ) : ctaDescription),
+              /* @__PURE__ */ jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );