@opensite/ui 0.4.2 → 0.4.3

package/dist/about-minimal-story.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-minimal-story.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutMinimalStoryProps {

package/dist/about-mission-dual-image.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

package/dist/about-mission-dual-image.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionDualImageProps {

package/dist/about-mission-features.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { F as FeatureItem, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-mission-features.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { F as FeatureItem, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { F as FeatureItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutMissionFeaturesProps {

package/dist/about-network-spotlight.cjs

@@ -1001,6 +1001,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -1020,7 +1021,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1078,35 +1079,43 @@ function AboutNetworkSpotlight({
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsxRuntime.jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) }, index);
     });
   };
   const renderSpotlightCard = () => {
     if (spotlightCardSlot) return spotlightCardSlot;
     if (!spotlightCard) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("rounded-2xl border border-primary/40 bg-black/80 p-5 backdrop-blur-sm", spotlightCardClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
-          typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-white", children: spotlightCard.title }) : spotlightCard.title
-        ] })
-      ] }),
-      typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/80", children: spotlightCard.description }) : spotlightCard.description
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "rounded-2xl border border-primary/40 bg-black/80 p-5 backdrop-blur-sm",
+          spotlightCardClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
+              typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-bold text-white", children: spotlightCard.title }) : spotlightCard.title
+            ] })
+          ] }),
+          typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/80", children: spotlightCard.description }) : spotlightCard.description
+        ]
+      }
+    );
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -1116,46 +1125,82 @@ function AboutNetworkSpotlight({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 items-center gap-12 lg:grid-cols-2", contentClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          framerMotion.motion.div,
-          {
-            initial: { opacity: 0, x: -20 },
-            whileInView: { opacity: 1, x: 0 },
-            viewport: { once: true, margin: "-50px" },
-            transition: { duration: 0.5 },
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-3xl border border-white/10 shadow-2xl", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: image.src,
-                  alt: image.alt,
-                  className: cn("h-full w-full object-cover", imageClassName),
-                  optixFlowConfig
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-black/70 via-transparent to-transparent" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-6 left-6 right-6", children: renderSpotlightCard() })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          framerMotion.motion.div,
-          {
-            initial: { opacity: 0, x: 20 },
-            whileInView: { opacity: 1, x: 0 },
-            viewport: { once: true, margin: "-50px" },
-            transition: { duration: 0.5 },
-            children: [
-              eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm font-semibold uppercase tracking-[0.2em] text-primary", eyebrowClassName), children: eyebrow }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: eyebrowClassName, children: eyebrow })),
-              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mt-2 text-3xl font-bold text-white md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-2", headingClassName), children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg text-white/80", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description })),
-              (highlightsSlot || highlights && highlights.length > 0) && renderHighlights(),
-              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: renderActions() })
-            ]
-          }
-        )
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "grid grid-cols-1 items-center gap-12 lg:grid-cols-2",
+            contentClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, x: -20 },
+                whileInView: { opacity: 1, x: 0 },
+                viewport: { once: true, margin: "-50px" },
+                transition: { duration: 0.5 },
+                children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-hidden rounded-3xl border border-white/10 shadow-2xl", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    img.Img,
+                    {
+                      src: image.src,
+                      alt: image.alt,
+                      className: cn("h-full w-full object-cover", imageClassName),
+                      optixFlowConfig
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-black/70 via-transparent to-transparent" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-6 left-6 right-6", children: renderSpotlightCard() })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0, x: 20 },
+                whileInView: { opacity: 1, x: 0 },
+                viewport: { once: true, margin: "-50px" },
+                transition: { duration: 0.5 },
+                children: [
+                  eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "text-sm font-semibold uppercase tracking-[0.2em] text-primary",
+                        eyebrowClassName
+                      ),
+                      children: eyebrow
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: eyebrowClassName, children: eyebrow })),
+                  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "h2",
+                    {
+                      className: cn(
+                        "mt-2 text-3xl font-bold text-white md:text-4xl",
+                        headingClassName
+                      ),
+                      children: heading
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-2", headingClassName), children: heading })),
+                  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "mt-4 text-lg text-white/80",
+                        descriptionClassName
+                      ),
+                      children: description
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-4", descriptionClassName), children: description })),
+                  (highlightsSlot || highlights && highlights.length > 0) && renderHighlights(),
+                  (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: renderActions() })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/about-network-spotlight.d.cts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {
@@ -104,7 +103,7 @@ interface AboutNetworkSpotlightProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/about-network-spotlight.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface AboutNetworkSpotlightProps {
@@ -104,7 +103,7 @@ interface AboutNetworkSpotlightProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/about-network-spotlight.js

@@ -980,6 +980,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -999,7 +1000,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1057,35 +1058,43 @@ function AboutNetworkSpotlight({
     if (actionsSlot) return actionsSlot;
     if (!actions || actions.length === 0) return null;
     return actions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
-      return /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        },
-        index
-      );
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
+      return /* @__PURE__ */ jsx(Pressable, { className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) }, index);
     });
   };
   const renderSpotlightCard = () => {
     if (spotlightCardSlot) return spotlightCardSlot;
     if (!spotlightCard) return null;
-    return /* @__PURE__ */ jsxs("div", { className: cn("rounded-2xl border border-primary/40 bg-black/80 p-5 backdrop-blur-sm", spotlightCardClassName), children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
-          typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-white", children: spotlightCard.title }) : spotlightCard.title
-        ] })
-      ] }),
-      typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-white/80", children: spotlightCard.description }) : spotlightCard.description
-    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "rounded-2xl border border-primary/40 bg-black/80 p-5 backdrop-blur-sm",
+          spotlightCardClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary text-primary-foreground", children: spotlightCard.icon }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              typeof spotlightCard.label === "string" ? /* @__PURE__ */ jsx("p", { className: "text-xs font-bold uppercase tracking-[0.2em] text-primary", children: spotlightCard.label }) : spotlightCard.label,
+              typeof spotlightCard.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-white", children: spotlightCard.title }) : spotlightCard.title
+            ] })
+          ] }),
+          typeof spotlightCard.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-sm text-white/80", children: spotlightCard.description }) : spotlightCard.description
+        ]
+      }
+    );
   };
   return /* @__PURE__ */ jsx(
     Section,
@@ -1095,46 +1104,82 @@ function AboutNetworkSpotlight({
       className: cn(className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-1 items-center gap-12 lg:grid-cols-2", contentClassName), children: [
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: { opacity: 0, x: -20 },
-            whileInView: { opacity: 1, x: 0 },
-            viewport: { once: true, margin: "-50px" },
-            transition: { duration: 0.5 },
-            children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-3xl border border-white/10 shadow-2xl", children: [
-              /* @__PURE__ */ jsx(
-                Img,
-                {
-                  src: image.src,
-                  alt: image.alt,
-                  className: cn("h-full w-full object-cover", imageClassName),
-                  optixFlowConfig
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-black/70 via-transparent to-transparent" }),
-              /* @__PURE__ */ jsx("div", { className: "absolute bottom-6 left-6 right-6", children: renderSpotlightCard() })
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: { opacity: 0, x: 20 },
-            whileInView: { opacity: 1, x: 0 },
-            viewport: { once: true, margin: "-50px" },
-            transition: { duration: 0.5 },
-            children: [
-              eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm font-semibold uppercase tracking-[0.2em] text-primary", eyebrowClassName), children: eyebrow }) : /* @__PURE__ */ jsx("div", { className: eyebrowClassName, children: eyebrow })),
-              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("mt-2 text-3xl font-bold text-white md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: cn("mt-2", headingClassName), children: heading })),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-lg text-white/80", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description })),
-              (highlightsSlot || highlights && highlights.length > 0) && renderHighlights(),
-              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: renderActions() })
-            ]
-          }
-        )
-      ] })
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "grid grid-cols-1 items-center gap-12 lg:grid-cols-2",
+            contentClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { opacity: 0, x: -20 },
+                whileInView: { opacity: 1, x: 0 },
+                viewport: { once: true, margin: "-50px" },
+                transition: { duration: 0.5 },
+                children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-3xl border border-white/10 shadow-2xl", children: [
+                  /* @__PURE__ */ jsx(
+                    Img,
+                    {
+                      src: image.src,
+                      alt: image.alt,
+                      className: cn("h-full w-full object-cover", imageClassName),
+                      optixFlowConfig
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-linear-to-tr from-black/70 via-transparent to-transparent" }),
+                  /* @__PURE__ */ jsx("div", { className: "absolute bottom-6 left-6 right-6", children: renderSpotlightCard() })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              motion.div,
+              {
+                initial: { opacity: 0, x: 20 },
+                whileInView: { opacity: 1, x: 0 },
+                viewport: { once: true, margin: "-50px" },
+                transition: { duration: 0.5 },
+                children: [
+                  eyebrow && (typeof eyebrow === "string" ? /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "text-sm font-semibold uppercase tracking-[0.2em] text-primary",
+                        eyebrowClassName
+                      ),
+                      children: eyebrow
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: eyebrowClassName, children: eyebrow })),
+                  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      className: cn(
+                        "mt-2 text-3xl font-bold text-white md:text-4xl",
+                        headingClassName
+                      ),
+                      children: heading
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: cn("mt-2", headingClassName), children: heading })),
+                  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: cn(
+                        "mt-4 text-lg text-white/80",
+                        descriptionClassName
+                      ),
+                      children: description
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: cn("mt-4", descriptionClassName), children: description })),
+                  (highlightsSlot || highlights && highlights.length > 0) && renderHighlights(),
+                  (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-8 flex flex-wrap gap-4", actionsClassName), children: renderActions() })
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/about-startup-team.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface SidebarLinkItem {

package/dist/about-startup-team.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface SidebarLinkItem {

package/dist/about-stats-showcase.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-CJYRLpXR.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ShowcaseImageItem {

package/dist/about-stats-showcase.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { O as OptixFlowConfig } from './blocks-BWc_7JNA.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ShowcaseImageItem {

package/dist/about-stats-sidebar.d.cts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { S as StatItem, F as FeatureItem } from './blocks-CJYRLpXR.cjs';
+import { S as StatItem, F as FeatureItem } from './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface ExtendedStatItem extends StatItem {

package/dist/about-stats-sidebar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { S as StatItem, F as FeatureItem } from './blocks-BWc_7JNA.js';
+import { S as StatItem, F as FeatureItem } from './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-DJbzb6lO.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface ExtendedStatItem extends StatItem {