@opensite/ui 2.4.1 → 2.4.2

package/dist/project-scroll-reveal.d.ts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

package/dist/project-sticky-scroll.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BFOWojwp.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

package/dist/project-sticky-scroll.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CUqiRX_E.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

package/dist/project-studio-hover-preview.d.cts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

package/dist/project-studio-hover-preview.d.ts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

package/dist/project-table-list.d.cts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

package/dist/project-table-list.d.ts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

package/dist/project-video-carousel.d.cts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

package/dist/project-video-carousel.d.ts

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.cjs';

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

@@ -1,7 +1,7 @@
 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 { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
 import './button-variants-8mtEHxev.js';

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

@@ -1,6 +1,6 @@
 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--DXZ9Bjs.cjs';
 import 'react';
 import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';

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

@@ -1,6 +1,6 @@
 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-Blusxtj7.js';
 import 'react';
 import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';

package/dist/registry.cjs

@@ -3214,8 +3214,6 @@ function AboutCultureTabs({
   aspectsSlot,
   ctaHeading,
   ctaDescription,
-  actions,
-  actionsSlot,
   ctaImages,
   ctaImagesSlot,
   className,
@@ -3228,6 +3226,8 @@ function AboutCultureTabs({
   ctaClassName,
   ctaHeadingClassName,
   ctaDescriptionClassName,
+  actions,
+  actionsSlot,
   actionsClassName,
   optixFlowConfig,
   background,
@@ -8812,7 +8812,7 @@ function AboutMissionDualImage({
   optixFlowConfig,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "lg",
+  spacing = "xl",
   pattern,
   patternOpacity
 }) {
@@ -26195,7 +26195,7 @@ function FeatureBentoImageGrid({
 var ASPECT_RATIO_CLASSES = {
   square: "aspect-square",
   horizontal: "aspect-video",
-  vertical: "aspect-[3/4]"
+  vertical: "aspect-[9/16]"
 };
 function FeatureImageCardsThreeColumn({
   title,
@@ -39569,6 +39569,10 @@ function FaqNumberedGrid({
   patternClassName,
   className,
   headerClassName,
+  contentClassName,
+  actions,
+  actionsSlot,
+  actionsClassName,
   headingClassName,
   descriptionClassName,
   gridClassName,
@@ -39584,7 +39588,7 @@ function FaqNumberedGrid({
       "div",
       {
         className: cn(
-          "mx-0 md:mx-auto mt-6 md:mt-10",
+          "mx-0 md:mx-auto",
           "max-w-full md:max-w-7xl",
           "grid gap-3 md:gap-6 grid-cols-1 md:grid-cols-2",
           gridClassName
@@ -39594,6 +39598,7 @@ function FaqNumberedGrid({
           {
             className: cn(
               "flex gap-4 rounded-lg border p-4 md:p-5",
+              "bg-card text-card-foreground",
               itemClassName
             ),
             children: [
@@ -39609,8 +39614,17 @@ function FaqNumberedGrid({
                   children: index + 1
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 flex items-center justify-between", children: typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("font-medium", questionClassName), children: item.question }) : item.question }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start gap-2", children: [
+                typeof item.question === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h3",
+                  {
+                    className: cn(
+                      "font-semibold text-base md:text-lg",
+                      questionClassName
+                    ),
+                    children: item.question
+                  }
+                ) : item.question,
                 typeof item.answer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm md:text-base", answerClassName), children: item.answer }) : item.answer
               ] })
             ]
@@ -39629,6 +39643,40 @@ function FaqNumberedGrid({
     answerClassName,
     background
   ]);
+  const contentItems = React27.useMemo(() => {
+    const items2 = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items2.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "text-3xl font-semibold lg:text-5xl text-balance",
+            heading
+          ),
+          children: heading
+        });
+      } else {
+        items2.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items2.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "text-md lg:text-lg text-balance",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items2.push(description);
+      }
+    }
+    return items2;
+  }, [heading, headingClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -39639,31 +39687,40 @@ function FaqNumberedGrid({
       patternClassName,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "mx-auto flex max-w-3xl flex-col text-left md:text-center",
-              headerClassName
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col items-center",
+            "gap-6 md:gap-8",
+            contentClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ContentGroup,
+              {
+                items: contentItems,
+                className: cn(
+                  "mx-auto max-w-3xl",
+                  "flex flex-col items-start md:items-center",
+                  "text-left md:text-center",
+                  "gap-4 md:gap-6",
+                  headerClassName
+                )
+              }
             ),
-            children: [
-              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h2",
-                {
-                  className: cn(
-                    "mb-3 text-3xl font-semibold md:mb-4 lg:mb-6 lg:text-4xl",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              ) : heading),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-md lg:text-lg", descriptionClassName), children: description }) : description)
-            ]
-          }
-        ),
-        itemsContent
-      ] })
+            itemsContent,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BlockActions,
+              {
+                actions,
+                actionsSlot,
+                actionsClassName
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }
@@ -50305,7 +50362,7 @@ function HeroVideoBackgroundDark({
                 {
                   className: cn(
                     "font-bold text-5xl md:text-6xl lg:text-8xl",
-                    "text-pretty text-white text-shadow-2xl",
+                    "text-balance text-white text-shadow-2xl",
                     headingClassName
                   ),
                   children: heading
@@ -50315,7 +50372,7 @@ function HeroVideoBackgroundDark({
                 "p",
                 {
                   className: cn(
-                    "text-lg text-balance text-white text-shadow-xl",
+                    "text-lg md:text-xl text-balance text-white text-shadow-xl",
                     descriptionClassName
                   ),
                   children: description