@opensite/ui 2.3.2 → 2.3.3

package/dist/hero-video-overlay-stars.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 } from './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { A as ActionConfig } 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';
 
 /**

package/dist/hero-welcome-asymmetric-images.d.cts

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

package/dist/hero-welcome-asymmetric-images.d.ts

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

package/dist/image-slider.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 type ImageSliderDirection = "up" | "down";

package/dist/image-slider.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 type ImageSliderDirection = "up" | "down";

package/dist/index.cjs

@@ -1730,13 +1730,46 @@ function PaymentPlatformIcon({
     }
   );
 }
+function TextInner({ as, className, children, ...props }, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
+}
+var Text = React4__namespace.forwardRef(TextInner);
+Text.displayName = "Text";
+function isContentTextItem(item) {
+  return item !== null && typeof item === "object" && !React4__namespace.isValidElement(item) && "_type" in item && item._type === "text";
+}
+var ContentGroup = React4__namespace.forwardRef(
+  ({ items, className, children, ...props }, ref) => {
+    const hasContent = items && items.length > 0;
+    if (!hasContent) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn(className), ...props, children: [
+      items.map((item, idx) => {
+        if (isContentTextItem(item)) {
+          const { _type, ...textProps } = item;
+          return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
+        }
+        const reactNode = item;
+        if (React4__namespace.isValidElement(reactNode)) {
+          return React4__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: reactNode }, idx);
+      }),
+      children
+    ] });
+  }
+);
+ContentGroup.displayName = "ContentGroup";
 function AlternatingBlocks({
   sections,
   sectionsSlot,
   title,
   subtitle,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "lg",
   className,
   contentClassName,
   sectionsClassName,
@@ -1752,9 +1785,21 @@ function AlternatingBlocks({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-12", sectionsClassName), children: sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn("grid items-center gap-8 md:grid-cols-2 md:gap-12", sectionItemClassName),
+        className: cn(
+          "grid items-center gap-8 md:grid-cols-2 md:gap-12",
+          sectionItemClassName
+        ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(section.mediaLeft ? "md:order-2" : "", sectionContentClassName), children: section.content }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                section.mediaLeft ? "md:order-2" : "",
+                sectionContentClassName
+              ),
+              children: section.content
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
@@ -1770,22 +1815,55 @@ function AlternatingBlocks({
       },
       index
     )) });
-  }, [sectionsSlot, sections, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName]);
+  }, [
+    sectionsSlot,
+    sections,
+    sectionsClassName,
+    sectionItemClassName,
+    sectionContentClassName,
+    sectionMediaClassName
+  ]);
+  const headerItems = React4.useMemo(() => {
+    const items = [];
+    if (subtitle) {
+      items.push(
+        typeof subtitle === "string" ? {
+          _type: "text",
+          as: "p",
+          className: "mb-2 text-sm font-semibold uppercase tracking-wider",
+          children: subtitle
+        } : subtitle
+      );
+    }
+    if (title) {
+      items.push(
+        typeof title === "string" ? {
+          _type: "text",
+          as: "h2",
+          className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl",
+          children: title
+        } : title
+      );
+    }
+    return items;
+  }, [title, subtitle]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
-      title: typeof title === "string" ? title : void 0,
-      subtitle: typeof subtitle === "string" ? subtitle : void 0,
       background,
       spacing,
       pattern,
       patternOpacity,
       className,
+      containerClassName,
       children: [
-        title && typeof title !== "string" || subtitle && typeof subtitle !== "string" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
-          subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-2 text-sm font-semibold uppercase tracking-wider", getAccentColor(background)), children: subtitle }),
-          title && typeof title !== "string" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
-        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ContentGroup,
+          {
+            className: "mb-12 text-center md:mb-16",
+            items: headerItems
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto w-full max-w-[900px]", contentClassName), children: sectionsContent })
       ]
     }
@@ -1841,7 +1919,10 @@ function AboutSplitHero({
       case "dark":
         return "bg-foreground text-background";
       case "gray":
-        return cn(getNestedCardBg(background), getNestedCardTextColor(background));
+        return cn(
+          getNestedCardBg(background),
+          getNestedCardTextColor(background)
+        );
       case "white":
         return "bg-background";
       default:
@@ -1860,52 +1941,63 @@ function AboutSplitHero({
       ),
       children: [
         pattern && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(PatternBackground, { pattern, opacity: patternOpacity }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 w-full px-8 py-16 sm:px-12 sm:py-20 lg:px-16 lg:py-24 xl:px-24", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
-          (brandText || brandHighlight) && /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: cn(
-                "text-xl font-semibold uppercase tracking-wider sm:text-2xl",
-                brandTextClassName
-              ),
-              children: [
-                brandText,
-                brandText && brandHighlight && " ",
-                brandHighlight && /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "bg-linear-to-r from-primary to-primary/60 bg-clip-text text-transparent",
-                      brandHighlightClassName
-                    ),
-                    children: brandHighlight
-                  }
-                )
-              ]
-            }
-          ),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "h1",
-            {
-              className: cn(
-                "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl xl:text-6xl",
-                headingClassName
-              ),
-              children: heading
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "text-base leading-relaxed opacity-90 sm:text-lg",
-                descriptionClassName
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "relative z-10 w-full",
+              "px-8 sm:px-12 lg:px-16 xl:px-24",
+              directionConfig.mobile === "mediaTop" ? "pt-16" : "pt-32",
+              "pb-16 md:pb-24 md:pt-24"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-xl space-y-8", children: [
+              (brandText || brandHighlight) && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "text-xl font-semibold uppercase tracking-wider sm:text-2xl",
+                    brandTextClassName
+                  ),
+                  children: [
+                    brandText,
+                    brandText && brandHighlight && " ",
+                    brandHighlight && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "bg-linear-to-r from-primary to-primary/60 bg-clip-text text-transparent",
+                          brandHighlightClassName
+                        ),
+                        children: brandHighlight
+                      }
+                    )
+                  ]
+                }
               ),
-              children: description
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-          ctaContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: ctaContent })
-        ] }) })
+              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h1",
+                {
+                  className: cn(
+                    "text-3xl font-bold leading-tight tracking-tight sm:text-4xl lg:text-5xl xl:text-6xl",
+                    headingClassName
+                  ),
+                  children: heading
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  className: cn(
+                    "text-base leading-relaxed opacity-90 sm:text-lg",
+                    descriptionClassName
+                  ),
+                  children: description
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+              ctaContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: ctaContent })
+            ] })
+          }
+        )
       ]
     }
   );
@@ -1944,9 +2036,9 @@ function AboutMissionPrinciples({
   visionActionSlot,
   visionClassName,
   className,
-  containerClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -1988,9 +2080,22 @@ function AboutMissionPrinciples({
         children: principles.map((principle, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: cn("relative rounded-lg border p-6 transition-colors", `hover:${getNestedCardBg(background, "muted")}`),
+            className: cn(
+              "relative rounded-lg border p-6 transition-colors",
+              `hover:${getNestedCardBg(background, "muted")}`
+            ),
             children: [
-              principle.number && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("absolute right-4 top-4 text-3xl font-bold", getAccentColor(background), "opacity-20"), children: principle.number }),
+              principle.number && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "absolute right-4 top-4 text-3xl font-bold",
+                    getAccentColor(background),
+                    "opacity-20"
+                  ),
+                  children: principle.number
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
                 principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
                 principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: getTextColor(background, "muted"), children: principle.description }) : principle.description)
@@ -2427,7 +2532,6 @@ function CommunityInitiatives({
   actions,
   actionsSlot,
   className,
-  containerClassName,
   headerClassName,
   badgeClassName,
   headingClassName,
@@ -2439,7 +2543,8 @@ function CommunityInitiatives({
   actionsClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -2528,20 +2633,47 @@ 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,
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
                                 {
-                                  name: initiative.icon,
-                                  size: 24,
-                                  className: cn(getAccentColor(background))
+                                  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("h3", { className: "text-2xl font-bold", children: initiative.title })
                             ] }),
                             /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(getTextColor(background, "muted")), 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",
+                                    getAccentColor(background)
+                                  ),
+                                  children: metric.value
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
+                                {
+                                  className: cn(
+                                    "mt-1 text-xs",
+                                    getTextColor(background, "muted")
+                                  ),
+                                  children: metric.label
+                                }
+                              )
                             ] }, i)) })
                           ]
                         }
@@ -2570,25 +2702,35 @@ function CommunityInitiatives({
                             "flex h-full items-center justify-center md:col-span-5",
                             isEven ? "md:order-2" : "md:order-1"
                           ),
-                          children: /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cn(
-                            "flex h-full min-h-[280px] w-full items-center justify-center",
-                            getNestedCardBg(background, "subtle")
-                          ), children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6 text-center", children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(
-                              DynamicIcon,
-                              {
-                                name: initiative.icon,
-                                size: 64,
-                                className: cn("mx-auto mb-4", getTextColor(background, "muted"), "opacity-50")
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className: "mx-auto", children: [
-                              "Learn more about our",
-                              " ",
-                              initiative.title.toLowerCase(),
-                              " initiative"
-                            ] })
-                          ] }) })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            Card,
+                            {
+                              className: cn(
+                                "flex h-full min-h-[280px] w-full items-center justify-center",
+                                getNestedCardBg(background, "subtle")
+                              ),
+                              children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "p-6 text-center", children: [
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  DynamicIcon,
+                                  {
+                                    name: initiative.icon,
+                                    size: 64,
+                                    className: cn(
+                                      "mx-auto mb-4",
+                                      getTextColor(background, "muted"),
+                                      "opacity-50"
+                                    )
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className: "mx-auto", children: [
+                                  "Learn more about our",
+                                  " ",
+                                  initiative.title.toLowerCase(),
+                                  " initiative"
+                                ] })
+                              ] })
+                            }
+                          )
                         }
                       )
                     ]
@@ -2619,7 +2761,7 @@ function CommunityInitiatives({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2630,18 +2772,7 @@ function CommunityInitiatives({
               headerClassName
             ),
             children: [
-              badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "inline-block rounded-lg px-3 py-1 text-sm",
-                    getNestedCardBg(background, "muted"),
-                    getAccentColor(background),
-                    badgeClassName
-                  ),
-                  children: badgeText
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: badgeClassName, children: badgeText })),
+              badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: cn("px-3", badgeClassName), children: badgeText }) : badgeText),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
@@ -2651,18 +2782,23 @@ function CommunityInitiatives({
                   ),
                   children: heading
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+              ) : heading),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(descriptionClassName), children: description }) : description)
             ]
           }
         ),
         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",
-            getNestedCardBg(background)
-          ), 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 })),
+          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",
             {
@@ -2673,51 +2809,13 @@ function CommunityInitiatives({
               ),
               children: ctaDescription
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName),
-              children: ctaDescription
-            }
-          )),
+          ) : ctaDescription),
           actionsContent
         ] })
       ]
     }
   );
 }
-function TextInner({ as, className, children, ...props }, ref) {
-  const Component = as || "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cn(className), ...props, children });
-}
-var Text = React4__namespace.forwardRef(TextInner);
-Text.displayName = "Text";
-function isContentTextItem(item) {
-  return item !== null && typeof item === "object" && !React4__namespace.isValidElement(item) && "_type" in item && item._type === "text";
-}
-var ContentGroup = React4__namespace.forwardRef(
-  ({ items, className, children, ...props }, ref) => {
-    const hasContent = items && items.length > 0;
-    if (!hasContent) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn(className), ...props, children: [
-      items.map((item, idx) => {
-        if (isContentTextItem(item)) {
-          const { _type, ...textProps } = item;
-          return /* @__PURE__ */ jsxRuntime.jsx(Text, { ...textProps }, idx);
-        }
-        const reactNode = item;
-        if (React4__namespace.isValidElement(reactNode)) {
-          return React4__namespace.cloneElement(reactNode, { key: reactNode.key ?? idx });
-        }
-        return /* @__PURE__ */ jsxRuntime.jsx(React4__namespace.Fragment, { children: reactNode }, idx);
-      }),
-      children
-    ] });
-  }
-);
-ContentGroup.displayName = "ContentGroup";
 function AboutCultureTabs({
   badgeText,
   heading,

package/dist/index.d.cts

@@ -13,7 +13,7 @@ export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps } f
 export { PaymentPlatformIcon, PaymentPlatformIconProps, PaymentPlatformName } from './payment-platform-icon.cjs';
 export { Pressable, PressableProps } from './pressable.cjs';
 export { AlternatingBlocks } from './alternating-blocks.cjs';
-export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, D as DirectionConfig, F as FeatureShowcaseItem, s as FeatureShowcaseProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-r_NhxVet.cjs';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, D as DirectionConfig, F as FeatureShowcaseItem, s as FeatureShowcaseProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-BFOWojwp.cjs';
 export { MediaHoverCtas } from './media-hover-ctas.cjs';
 export { BannerAnnouncementDismissible, BannerAnnouncementDismissibleProps } from './banner-announcement-dismissible.cjs';
 export { BannerCountdownSale, BannerCountdownSaleProps } from './banner-countdown-sale.cjs';
@@ -42,11 +42,11 @@ export { LinkType, UseNavigationArgs, UseNavigationReturn, useNavigation } from
 export { BorderColorVariant, NestedCardBgOptions, NestedCardVariant, TextColorVariant, cn, getAccentColor, getBorderColor, getNestedCardBg, getNestedCardTextColor, getTextColor } from './utils.cjs';
 export { FileUploadProgress, FormFieldConfig, FormFieldType, PageSpeedFormConfig, PageSpeedFormMethod, PageSpeedFormSubmissionError, PageSpeedFormSubmissionFormat, SelectOption, UseContactFormOptions, UseContactFormReturn, UseFileUploadReturn, generateInitialValues, generateValidationSchema, getColumnSpanClass, isValidEmail, submitPageSpeedForm, useContactForm, useFileUpload } from '@page-speed/forms/integration';
 export { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
-export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-DP3Vofl4.cjs';
+export { A as ActionConfig, h as AuthorInfo, c as BlockActionProps, B as BlockBaseProps, f as BlockBlogProps, b as BlockContentProps, d as BlockLogoProps, e as BlogPostItem, g as BreadcrumbItem, D as DetailItem, F as FeatureItem, I as ImageItem, L as LogoItem, N as NavLinkItem, O as OptixFlowConfig, j as OutcomeItem, i as SectionItem, a as SocialLinkItem, S as StatItem, T as TestimonialItem } from './blocks-tmd_MRJv.cjs';
 import 'react';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import '@page-speed/icon';