@opensite/ui 0.5.6 → 0.5.8

package/dist/about-company-profile.cjs

@@ -857,39 +857,49 @@ function AboutCompanyProfile({
   const breakoutContent = React.useMemo(() => {
     if (breakoutSlot) return breakoutSlot;
     if (!breakout) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between gap-6 rounded-xl bg-muted p-7 md:w-1/2 lg:w-auto", breakoutClassName), children: [
-      breakout.logo && /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: breakout.logo.src,
-          alt: breakout.logo.alt,
-          className: "mr-auto h-12 dark:invert",
-          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: "text-muted-foreground", children: breakout.description }) : breakout.description
-      ] }),
-      breakout.action && /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: breakout.action.href,
-          variant: breakout.action.variant || "outline",
-          asButton: true,
-          className: cn("mr-auto", breakout.action.className),
-          children: breakout.action.children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            breakout.action.icon,
-            breakout.action.label,
-            breakout.action.iconAfter
-          ] })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col justify-between gap-6 rounded-xl bg-muted p-7 md:w-1/2 lg:w-auto",
+          breakoutClassName
+        ),
+        children: [
+          breakout.logo && /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: breakout.logo.src,
+              alt: breakout.logo.alt,
+              className: "mr-auto h-12 dark:invert",
+              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: "text-muted-foreground", children: breakout.description }) : breakout.description
+          ] }),
+          breakout.action && /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: breakout.action.href,
+              variant: breakout.action.variant || "outline",
+              asButton: true,
+              className: cn("mr-auto", breakout.action.className),
+              children: breakout.action.children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                breakout.action.icon,
+                breakout.action.label,
+                breakout.action.iconAfter
+              ] })
+            }
+          )
+        ]
+      }
+    );
   }, [breakoutSlot, breakout, breakoutClassName, optixFlowConfig]);
   const companiesContent = React.useMemo(() => {
     if (companiesSlot) return companiesSlot;
-    if (!companies || companies.length === 0) return null;
+    if (!companies || companies.length === 0)
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-7" });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("py-32", companiesClassName), children: [
       companiesTitle && (typeof companiesTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center", children: companiesTitle }) : companiesTitle),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 flex flex-wrap justify-center gap-8", children: companies.map((company, idx) => {
@@ -926,7 +936,13 @@ function AboutCompanyProfile({
         ] }, idx);
       }) })
     ] });
-  }, [companiesSlot, companies, companiesClassName, companiesTitle, optixFlowConfig]);
+  }, [
+    companiesSlot,
+    companies,
+    companiesClassName,
+    companiesTitle,
+    optixFlowConfig
+  ]);
   const achievementsContent = React.useMemo(() => {
     if (achievementsSlot) return achievementsSlot;
     if (!achievements || achievements.length === 0) return null;
@@ -955,7 +971,10 @@ function AboutCompanyProfile({
             {
               src: mainImage.src,
               alt: mainImage.alt,
-              className: cn("size-full max-h-[620px] rounded-xl object-cover lg:col-span-2", mainImageClassName),
+              className: cn(
+                "size-full max-h-[620px] rounded-xl object-cover lg:col-span-2",
+                mainImageClassName
+              ),
               optixFlowConfig
             }
           ),
@@ -966,20 +985,50 @@ function AboutCompanyProfile({
               {
                 src: secondaryImage.src,
                 alt: secondaryImage.alt,
-                className: cn("grow basis-0 rounded-xl object-cover md:w-1/2 lg:min-h-0 lg:w-auto", secondaryImageClassName),
+                className: cn(
+                  "grow basis-0 rounded-xl object-cover md:w-1/2 lg:min-h-0 lg:w-auto",
+                  secondaryImageClassName
+                ),
                 optixFlowConfig
               }
             )
           ] })
         ] }),
-        (companiesSlot || companies && companies.length > 0) && companiesContent,
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative overflow-hidden rounded-xl bg-muted p-7 md:p-16", achievementsClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 text-center md:text-left", children: [
-            achievementsTitle && (typeof achievementsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-semibold md:text-4xl", achievementsTitleClassName), children: achievementsTitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: achievementsTitleClassName, children: achievementsTitle })),
-            achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-xl text-muted-foreground", achievementsDescriptionClassName), children: achievementsDescription }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: achievementsDescriptionClassName, children: 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 })
-        ] })
+        companiesContent,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "relative overflow-hidden rounded-xl bg-muted p-7 md:p-16",
+              achievementsClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 text-center md:text-left", children: [
+                achievementsTitle && (typeof achievementsTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "text-3xl font-semibold md:text-4xl",
+                      achievementsTitleClassName
+                    ),
+                    children: achievementsTitle
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: achievementsTitleClassName, children: achievementsTitle })),
+                achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "max-w-xl text-muted-foreground",
+                      achievementsDescriptionClassName
+                    ),
+                    children: achievementsDescription
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: achievementsDescriptionClassName, children: 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 })
+            ]
+          }
+        )
       ]
     }
   );

package/dist/about-company-profile.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface BreakoutConfig {

package/dist/about-company-profile.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { A as ActionConfig, L as LogoItem, S as StatItem, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface BreakoutConfig {

package/dist/about-company-profile.js

@@ -836,39 +836,49 @@ function AboutCompanyProfile({
   const breakoutContent = useMemo(() => {
     if (breakoutSlot) return breakoutSlot;
     if (!breakout) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between gap-6 rounded-xl bg-muted p-7 md:w-1/2 lg:w-auto", breakoutClassName), children: [
-      breakout.logo && /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: breakout.logo.src,
-          alt: breakout.logo.alt,
-          className: "mr-auto h-12 dark:invert",
-          optixFlowConfig
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { children: [
-        typeof breakout.title === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-lg font-semibold", children: breakout.title }) : breakout.title,
-        typeof breakout.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: breakout.description }) : breakout.description
-      ] }),
-      breakout.action && /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          href: breakout.action.href,
-          variant: breakout.action.variant || "outline",
-          asButton: true,
-          className: cn("mr-auto", breakout.action.className),
-          children: breakout.action.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            breakout.action.icon,
-            breakout.action.label,
-            breakout.action.iconAfter
-          ] })
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col justify-between gap-6 rounded-xl bg-muted p-7 md:w-1/2 lg:w-auto",
+          breakoutClassName
+        ),
+        children: [
+          breakout.logo && /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: breakout.logo.src,
+              alt: breakout.logo.alt,
+              className: "mr-auto h-12 dark:invert",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            typeof breakout.title === "string" ? /* @__PURE__ */ jsx("p", { className: "mb-2 text-lg font-semibold", children: breakout.title }) : breakout.title,
+            typeof breakout.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: breakout.description }) : breakout.description
+          ] }),
+          breakout.action && /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              href: breakout.action.href,
+              variant: breakout.action.variant || "outline",
+              asButton: true,
+              className: cn("mr-auto", breakout.action.className),
+              children: breakout.action.children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+                breakout.action.icon,
+                breakout.action.label,
+                breakout.action.iconAfter
+              ] })
+            }
+          )
+        ]
+      }
+    );
   }, [breakoutSlot, breakout, breakoutClassName, optixFlowConfig]);
   const companiesContent = useMemo(() => {
     if (companiesSlot) return companiesSlot;
-    if (!companies || companies.length === 0) return null;
+    if (!companies || companies.length === 0)
+      return /* @__PURE__ */ jsx("div", { className: "w-full h-7" });
     return /* @__PURE__ */ jsxs("div", { className: cn("py-32", companiesClassName), children: [
       companiesTitle && (typeof companiesTitle === "string" ? /* @__PURE__ */ jsx("p", { className: "text-center", children: companiesTitle }) : companiesTitle),
       /* @__PURE__ */ jsx("div", { className: "mt-8 flex flex-wrap justify-center gap-8", children: companies.map((company, idx) => {
@@ -905,7 +915,13 @@ function AboutCompanyProfile({
         ] }, idx);
       }) })
     ] });
-  }, [companiesSlot, companies, companiesClassName, companiesTitle, optixFlowConfig]);
+  }, [
+    companiesSlot,
+    companies,
+    companiesClassName,
+    companiesTitle,
+    optixFlowConfig
+  ]);
   const achievementsContent = useMemo(() => {
     if (achievementsSlot) return achievementsSlot;
     if (!achievements || achievements.length === 0) return null;
@@ -934,7 +950,10 @@ function AboutCompanyProfile({
             {
               src: mainImage.src,
               alt: mainImage.alt,
-              className: cn("size-full max-h-[620px] rounded-xl object-cover lg:col-span-2", mainImageClassName),
+              className: cn(
+                "size-full max-h-[620px] rounded-xl object-cover lg:col-span-2",
+                mainImageClassName
+              ),
               optixFlowConfig
             }
           ),
@@ -945,20 +964,50 @@ function AboutCompanyProfile({
               {
                 src: secondaryImage.src,
                 alt: secondaryImage.alt,
-                className: cn("grow basis-0 rounded-xl object-cover md:w-1/2 lg:min-h-0 lg:w-auto", secondaryImageClassName),
+                className: cn(
+                  "grow basis-0 rounded-xl object-cover md:w-1/2 lg:min-h-0 lg:w-auto",
+                  secondaryImageClassName
+                ),
                 optixFlowConfig
               }
             )
           ] })
         ] }),
-        (companiesSlot || companies && companies.length > 0) && companiesContent,
-        /* @__PURE__ */ jsxs("div", { className: cn("relative overflow-hidden rounded-xl bg-muted p-7 md:p-16", achievementsClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 text-center md:text-left", children: [
-            achievementsTitle && (typeof achievementsTitle === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-semibold md:text-4xl", achievementsTitleClassName), children: achievementsTitle }) : /* @__PURE__ */ jsx("div", { className: achievementsTitleClassName, children: achievementsTitle })),
-            achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-xl text-muted-foreground", achievementsDescriptionClassName), children: achievementsDescription }) : /* @__PURE__ */ jsx("div", { className: achievementsDescriptionClassName, children: achievementsDescription }))
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "mt-10 grid grid-cols-2 gap-x-4 gap-y-8 text-center lg:grid-cols-4", children: achievementsContent })
-        ] })
+        companiesContent,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative overflow-hidden rounded-xl bg-muted p-7 md:p-16",
+              achievementsClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 text-center md:text-left", children: [
+                achievementsTitle && (typeof achievementsTitle === "string" ? /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    className: cn(
+                      "text-3xl font-semibold md:text-4xl",
+                      achievementsTitleClassName
+                    ),
+                    children: achievementsTitle
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: achievementsTitleClassName, children: achievementsTitle })),
+                achievementsDescription && (typeof achievementsDescription === "string" ? /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "max-w-xl text-muted-foreground",
+                      achievementsDescriptionClassName
+                    ),
+                    children: achievementsDescription
+                  }
+                ) : /* @__PURE__ */ jsx("div", { className: achievementsDescriptionClassName, children: achievementsDescription }))
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mt-10 grid grid-cols-2 gap-x-4 gap-y-8 text-center lg:grid-cols-4", children: achievementsContent })
+            ]
+          }
+        )
       ]
     }
   );

package/dist/about-culture-tabs.d.cts

@@ -1,8 +1,8 @@
-export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-BudEyO90.cjs';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-CNw1QkRd.cjs';
 import 'react';
 import './pattern-background-a7gKHzHy.cjs';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-B53JjGZ5.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';

package/dist/about-culture-tabs.d.ts

@@ -1,8 +1,8 @@
-export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-FG_f_Y4z.js';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps } from './community-initiatives-ClLtyUd-.js';
 import 'react';
 import './pattern-background-a7gKHzHy.js';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-CyUmnmEM.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';

package/dist/about-developer-profile.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BudEyO90.cjs';
-import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-CNw1QkRd.cjs';
+import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-B53JjGZ5.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CfOeYrR-.cjs';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperProfileProps {

package/dist/about-developer-profile.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PatternName } from './pattern-background-a7gKHzHy.js';
-import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-FG_f_Y4z.js';
-import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-ClLtyUd-.js';
+import { a as SocialLinkItem, A as ActionConfig, O as OptixFlowConfig } from './blocks-CyUmnmEM.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CfOeYrR-.js';
 import 'class-variance-authority/types';
 
 interface AboutDeveloperProfileProps {

package/dist/about-developer-story.cjs

@@ -959,67 +959,98 @@ function AboutDeveloperStory({
   const actionsContent = React.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.jsxs(
-      Pressable,
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        href: action.href,
-        onClick: action.onClick,
-        size: action.size || "lg",
-        variant: action.variant || "default",
-        asButton: true,
-        children: [
-          action.label,
-          idx === 1 && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16, className: "ml-2" })
-        ]
-      },
-      idx
-    )) });
-  }, [actionsSlot, actions, actionsClassName]);
-  const logosContent = React.useMemo(() => {
-    if (logosSlot) return logosSlot;
-    if (!logos || logos.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 flex flex-wrap items-center justify-center gap-8 opacity-60", logosClassName), children: logos.map((logo, idx) => {
-      if (typeof logo.src === "string") {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        className: cn("flex flex-wrap justify-center gap-4", actionsClassName),
+        children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+          Pressable,
           {
-            src: logo.src,
-            alt: logo.alt,
-            className: "h-8 w-auto grayscale",
-            optixFlowConfig
+            href: action.href,
+            onClick: action.onClick,
+            size: action.size || "lg",
+            variant: action.variant || "default",
+            asButton: true,
+            children: [
+              action.label,
+              idx === 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                DynamicIcon,
+                {
+                  name: "lucide/arrow-right",
+                  size: 16,
+                  className: "ml-2"
+                }
+              )
+            ]
           },
           idx
-        );
+        ))
       }
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
-          {
-            src: logo.src.light,
-            alt: logo.alt,
-            className: "h-8 w-auto grayscale dark:hidden",
-            optixFlowConfig
-          }
+    );
+  }, [actionsSlot, actions, actionsClassName]);
+  const logosContent = React.useMemo(() => {
+    if (logosSlot) return logosSlot;
+    if (!logos || logos.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "mt-20 flex flex-wrap items-center justify-center gap-8 opacity-60",
+          logosClassName
         ),
-        logo.src.dark && /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
-          {
-            src: logo.src.dark,
-            alt: logo.alt,
-            className: "hidden h-8 w-auto grayscale dark:block",
-            optixFlowConfig
+        children: logos.map((logo, idx) => {
+          if (typeof logo.src === "string") {
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: logo.src,
+                alt: logo.alt,
+                className: "h-8 w-auto grayscale",
+                optixFlowConfig
+              },
+              idx
+            );
           }
-        )
-      ] }, idx);
-    }) });
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: logo.src.light,
+                alt: logo.alt,
+                className: "h-42 w-auto object-contain grayscale dark:hidden",
+                optixFlowConfig
+              }
+            ),
+            logo.src.dark && /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: logo.src.dark,
+                alt: logo.alt,
+                className: "hidden h-42 w-auto object-contain grayscale dark:block",
+                optixFlowConfig
+              }
+            )
+          ] }, idx);
+        })
+      }
+    );
   }, [logosSlot, logos, logosClassName, optixFlowConfig]);
   const statsContent = React.useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 grid grid-cols-1 gap-8 border-y py-12 md:grid-cols-3", statsClassName), children: stats.map((stat, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-      stat.value && (typeof stat.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-4xl font-bold", children: stat.value }) : stat.value),
-      stat.label && (typeof stat.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: stat.label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: stat.label }))
-    ] }, idx)) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "mt-20 grid grid-cols-1 gap-8 border-y py-12 md:grid-cols-3",
+          statsClassName
+        ),
+        children: stats.map((stat, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+          stat.value && (typeof stat.value === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-4xl font-bold", children: stat.value }) : stat.value),
+          stat.label && (typeof stat.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-muted-foreground", children: stat.label }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: stat.label }))
+        ] }, idx))
+      }
+    );
   }, [statsSlot, stats, statsClassName]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
@@ -1032,23 +1063,62 @@ function AboutDeveloperStory({
       containerClassName,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-4xl flex-col items-center gap-8 text-center", children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl font-bold tracking-tight md:text-6xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-2xl text-lg text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "h1",
+            {
+              className: cn(
+                "text-4xl font-bold tracking-tight md:text-6xl text-balance",
+                titleClassName
+              ),
+              children: title
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: cn(
+                "max-w-2xl text-lg text-muted-foreground md:text-xl text-balance",
+                descriptionClassName
+              ),
+              children: description
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           actionsContent
         ] }),
         logosContent,
         statsContent,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-20 grid gap-12 md:grid-cols-2 md:items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            storyTitle && (typeof storyTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-bold md:text-4xl", storyTitleClassName), children: storyTitle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: storyTitleClassName, children: storyTitle })),
-            storyContent && (typeof storyContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 text-lg text-muted-foreground whitespace-pre-line", storyContentClassName), children: storyContent }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", storyContentClassName), children: storyContent }))
+            storyTitle && (typeof storyTitle === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "text-3xl font-bold md:text-4xl",
+                  storyTitleClassName
+                ),
+                children: storyTitle
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: storyTitleClassName, children: storyTitle })),
+            storyContent && (typeof storyContent === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "mt-6 text-lg text-muted-foreground whitespace-pre-line",
+                  storyContentClassName
+                ),
+                children: storyContent
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", storyContentClassName), children: storyContent }))
           ] }),
           storyImage && /* @__PURE__ */ jsxRuntime.jsx(
             img.Img,
             {
               src: storyImage.src,
               alt: storyImage.alt,
-              className: cn("rounded-2xl object-cover", storyImageClassName),
+              className: cn(
+                "rounded-2xl object-cover rounded-2xl object-cover w-full h-auto",
+                storyImageClassName
+              ),
               optixFlowConfig
             }
           )