@opensite/ui 2.2.6 → 2.2.8

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-r_NhxVet.cjs';
-import './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.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-DmVsuoHE.js';
-import './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.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-r_NhxVet.cjs';
-import './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.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-DmVsuoHE.js';
-import './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.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-r_NhxVet.cjs';
-import './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.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-DmVsuoHE.js';
-import './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.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-r_NhxVet.cjs';
-import './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.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-DmVsuoHE.js';
-import './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.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-r_NhxVet.cjs';
-import './blocks-DP3Vofl4.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.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-DmVsuoHE.js';
-import './blocks-XLPGq8A5.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.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-r_NhxVet.cjs';
+import { f as SectionBackground } from './community-initiatives-Bz_A5vLU.cjs';
 import 'react';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-lRElsmTc.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-DmVsuoHE.js';
+import { f as SectionBackground } from './community-initiatives-Bi_ClKrO.js';
 import 'react';
-import './blocks-XLPGq8A5.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ProjectZigzagLayoutItem {

package/dist/registry.cjs

@@ -1433,7 +1433,6 @@ function AboutCompanyProfile({
   achievements,
   achievementsSlot,
   className,
-  containerClassName,
   titleClassName,
   descriptionClassName,
   mainImageClassName,
@@ -1445,7 +1444,8 @@ function AboutCompanyProfile({
   achievementsDescriptionClassName,
   optixFlowConfig,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-12 md:py-32",
   pattern,
   patternOpacity
 }) {
@@ -1456,9 +1456,7 @@ function AboutCompanyProfile({
       "div",
       {
         className: cn(
-          "flex flex-col justify-between gap-6 rounded-xl p-7 md:w-1/2 lg:w-auto",
-          getNestedCardBg(background),
-          getNestedCardTextColor(background),
+          "flex bg-muted text-muted-foreground flex-col justify-between gap-6 rounded-xl p-7 md:w-1/2 lg:w-auto",
           breakoutClassName
         ),
         children: [
@@ -1467,13 +1465,13 @@ function AboutCompanyProfile({
             {
               src: breakout.logo.src,
               alt: breakout.logo.alt,
-              className: "mr-auto h-12 dark:invert",
+              className: "mr-auto h-12",
               optixFlowConfig
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             typeof breakout.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-lg font-semibold", children: breakout.title }) : breakout.title,
-            typeof breakout.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: getTextColor(background, "muted"), children: breakout.description }) : breakout.description
+            typeof breakout.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base", children: breakout.description }) : breakout.description
           ] }),
           breakout.action && /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
@@ -1555,7 +1553,7 @@ function AboutCompanyProfile({
       spacing,
       pattern,
       patternOpacity,
-      className: cn(className),
+      className,
       containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 md:mb-14 grid gap-5 md:grid-cols-2 text-left", children: [
@@ -1568,18 +1566,17 @@ function AboutCompanyProfile({
               ),
               children: title
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+          ) : title),
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "p",
             {
               className: cn(
-                "text-balance",
-                getTextColor(background, "muted"),
+                "bg-muted text-lg text-muted-foreground p-6 rounded-xl",
                 descriptionClassName
               ),
               children: description
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
+          ) : description)
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-7 lg:grid-cols-3", children: [
           mainImage && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1615,9 +1612,7 @@ function AboutCompanyProfile({
           "div",
           {
             className: cn(
-              "relative overflow-hidden rounded-xl p-7 md:p-16",
-              getNestedCardBg(background),
-              getNestedCardTextColor(background),
+              "relative overflow-hidden rounded-xl p-7 md:p-16 bg-muted text-muted-foreground",
               achievementsClassName
             ),
             children: [
@@ -1631,18 +1626,8 @@ function AboutCompanyProfile({
                     ),
                     children: achievementsTitle
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: achievementsTitleClassName, children: achievementsTitle })),
-                achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "max-w-xl",
-                      getTextColor(background, "muted"),
-                      achievementsDescriptionClassName
-                    ),
-                    children: achievementsDescription
-                  }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: achievementsDescriptionClassName, children: achievementsDescription }))
+                ) : achievementsTitle),
+                achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-xl", achievementsDescriptionClassName), children: achievementsDescription }) : achievementsDescription)
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 grid grid-cols-2 gap-x-4 gap-y-8 text-center lg:grid-cols-4", children: achievementsContent })
             ]
@@ -50195,9 +50180,11 @@ function HeroVideoBackgroundDark({
   description,
   actions,
   actionsSlot,
+  actionsClassName,
   videoSrc,
   videoSlot,
   background,
+  videoBrightness = "50",
   spacing = "py-0 md:py-0",
   pattern,
   patternOpacity,
@@ -50207,34 +50194,6 @@ function HeroVideoBackgroundDark({
   headingClassName,
   descriptionClassName
 }) {
-  const renderActions = React26.useMemo(() => {
-    if (actionsSlot) return actionsSlot;
-    if (!actions || actions.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex lg:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-fit flex-col gap-5 text-sm leading-[.96] whitespace-nowrap lg:flex-row lg:items-stretch", children: actions.map((action, index) => {
-      const {
-        label,
-        icon,
-        iconAfter,
-        children,
-        className: actionClassName,
-        ...pressableProps
-      } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
-    }) }) });
-  }, [actionsSlot, actions]);
   const renderVideo = React26.useMemo(() => {
     if (videoSlot) return videoSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -50243,12 +50202,15 @@ function HeroVideoBackgroundDark({
         loop: true,
         playsInline: true,
         src: videoSrc,
-        className: "absolute top-0 left-0 size-full object-cover",
+        className: cn(
+          "absolute top-0 left-0 size-full object-cover",
+          `brightness-${videoBrightness}`
+        ),
         autoPlay: true,
         muted: true
       }
     );
-  }, [videoSlot, videoSrc]);
+  }, [videoSlot, videoSrc, videoBrightness]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -50263,7 +50225,9 @@ function HeroVideoBackgroundDark({
           "div",
           {
             className: cn(
-              "relative z-10 mx-auto flex size-full max-w-3xl flex-col justify-center gap-6 lg:items-center lg:text-center px-6",
+              "relative z-10 mx-auto flex size-full max-w-3xl",
+              "flex-col justify-center gap-4 md:gap-6 items-center",
+              "text-center px-4 md:px-6",
               contentClassName
             ),
             children: [
@@ -50272,21 +50236,12 @@ function HeroVideoBackgroundDark({
                 "h1",
                 {
                   className: cn(
-                    "text-4xl font-bold md:text-5xl text-balance text-white text-shadow-xl",
-                    headingClassName
-                  ),
-                  children: heading
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-4xl font-bold md:text-5xl text-balance text-white text-shadow-xl",
+                    "text-4xl font-bold md:text-6xl lg:text-7xl text-balance text-white text-shadow-2xl",
                     headingClassName
                   ),
                   children: heading
                 }
-              )),
+              ) : heading),
               description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "p",
                 {
@@ -50296,8 +50251,15 @@ function HeroVideoBackgroundDark({
                   ),
                   children: description
                 }
-              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-              renderActions
+              ) : description),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BlockActions,
+                {
+                  actions,
+                  actionsSlot,
+                  actionsClassName
+                }
+              )
             ]
           }
         ),
@@ -58244,7 +58206,8 @@ function HeroEventRegistration({
   actionsClassName,
   statsClassName,
   imageClassName,
-  optixFlowConfig
+  optixFlowConfig,
+  logo
 }) {
   const renderBadge = React26.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -58348,6 +58311,15 @@ function HeroEventRegistration({
             ),
             children: [
               renderBadge,
+              logo && /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: logo.src,
+                  alt: logo.alt,
+                  className: "mr-auto h-12 md:h-16",
+                  optixFlowConfig
+                }
+              ),
               heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
                 "h1",
                 {