@opensite/ui 2.4.2 → 2.4.4

package/dist/hero-event-registration.cjs

@@ -943,7 +943,7 @@ function HeroEventRegistration({
   locationSublabel,
   locationSlot,
   background,
-  containerClassName = "px-6 sm:px-0 md:px-0 lg:px-0",
+  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6 sm:px-8 md:px-12 lg:px-18",
   spacing = "xl",
   pattern,
   patternOpacity,
@@ -955,7 +955,8 @@ function HeroEventRegistration({
   statsClassName,
   imageClassName,
   optixFlowConfig,
-  logo
+  logo,
+  directionConfig = { desktop: "mediaRight", mobile: "mediaTop" }
 }) {
   const renderBadge = React3.useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -1008,48 +1009,72 @@ function HeroEventRegistration({
   const renderLocation = React3.useMemo(() => {
     if (locationSlot) return locationSlot;
     if (!locationLabel && !locationSublabel) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-4 -left-4 rounded-xl bg-card text-card-foreground p-2 md:p-4 shadow-lg ring-4 ring-primary", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "flex items-center justify-center shrink-0",
-            "size-12 rounded-xl bg-primary text-primary-foreground"
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/map-pin", size: 24 })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cn(
-            "flex flex-col items-start justify-center",
-            "text-card-foreground gap-0 pr-0 md:pr-2"
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "bg-card text-card-foreground",
+          "rounded-xl p-2 md:p-4 shadow-lg",
+          "absolute -bottom-4",
+          "left-1/2 -translate-x-1/2 w-[90%]",
+          "md:-left-4 md:translate-x-0 md:w-auto",
+          "ring-4 ring-primary"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-center shrink-0",
+                "size-12 rounded-xl bg-primary text-primary-foreground"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/map-pin", size: 24 })
+            }
           ),
-          children: [
-            locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
-            locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
-          ]
-        }
-      )
-    ] }) });
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col items-start justify-center",
+                "text-card-foreground gap-0 pr-1 md:pr-2"
+              ),
+              children: [
+                locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
+                locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
+              ]
+            }
+          )
+        ] })
+      }
+    );
   }, [locationSlot, locationLabel, locationSublabel]);
   const renderImage = React3.useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden rounded-2xl", imageClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full md:w-[50%]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
         {
-          src: image.src,
-          alt: image.alt,
-          className: cn("aspect-4/3 w-full object-cover", image.className),
-          optixFlowConfig
+          className: cn(
+            "overflow-hidden rounded-2xl shadow-xl",
+            imageClassName
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: image.src,
+              alt: image.alt,
+              className: cn("aspect-4/3 w-full object-cover", image.className),
+              optixFlowConfig
+            }
+          )
         }
-      ) }),
+      ),
       renderLocation
     ] });
   }, [imageSlot, image, imageClassName, optixFlowConfig, renderLocation]);
+  const desktopOrder = directionConfig.desktop === "mediaRight" ? "md:flex-row" : "md:flex-row-reverse";
+  const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col-reverse" : "flex-col";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -1059,50 +1084,60 @@ function HeroEventRegistration({
       patternOpacity,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "flex flex-col items-start gap-4 md:gap-6",
-              contentClassName
-            ),
-            children: [
-              renderBadge,
-              logo && /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: logo.src,
-                  alt: logo.alt,
-                  className: "w-auto max-w-full h-12 md:h-14 object-contain my-4",
-                  optixFlowConfig
-                }
-              ),
-              heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-pretty",
-                    headingClassName
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center justify-start md:justify-between gap-12 md:gap-24",
+            mobileOrder,
+            desktopOrder
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col items-start gap-2 md:gap-4 w-full md:w-[50%]",
+                  contentClassName
+                ),
+                children: [
+                  renderBadge,
+                  logo && /* @__PURE__ */ jsxRuntime.jsx(
+                    img.Img,
+                    {
+                      src: logo.src,
+                      alt: logo.alt,
+                      className: "w-auto max-w-full h-12 md:h-14 object-contain my-4",
+                      optixFlowConfig
+                    }
                   ),
-                  children: heading
-                }
-              ) : heading),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : description),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                BlockActions,
-                {
-                  actions,
-                  actionsSlot,
-                  actionsClassName
-                }
-              ),
-              renderStats
-            ]
-          }
-        ),
-        renderImage
-      ] }) })
+                  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "h1",
+                    {
+                      className: cn(
+                        "text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-pretty",
+                        headingClassName
+                      ),
+                      children: heading
+                    }
+                  ) : heading),
+                  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : description),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    BlockActions,
+                    {
+                      actions,
+                      actionsSlot,
+                      actionsClassName
+                    }
+                  ),
+                  renderStats
+                ]
+              }
+            ),
+            renderImage
+          ]
+        }
+      ) })
     }
   );
 }

package/dist/hero-event-registration.d.cts

@@ -1,11 +1,16 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
-import { A as ActionConfig, S as StatItem, I as ImageItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
+import { A as ActionConfig, S as StatItem, I as ImageItem, O as OptixFlowConfig } from './blocks-DUr75v0S.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
+interface DirectionConfig {
+    desktop: "mediaRight" | "mediaLeft";
+    mobile: "mediaTop" | "mediaBottom";
+}
 interface HeroEventRegistrationProps {
     /**
      * Badge text content (e.g., event date)
@@ -121,7 +126,12 @@ interface HeroEventRegistrationProps {
         src: string;
         alt: string;
     };
+    /**
+     * Direction configuration for desktop and mobile layouts
+     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
+     */
+    directionConfig?: DirectionConfig;
 }
-declare function HeroEventRegistration({ badgeText, badgeIcon, badgeSlot, heading, description, actions, actionsSlot, stats, statsSlot, image, imageSlot, locationLabel, locationSublabel, locationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, imageClassName, optixFlowConfig, logo, }: HeroEventRegistrationProps): React.JSX.Element;
+declare function HeroEventRegistration({ badgeText, badgeIcon, badgeSlot, heading, description, actions, actionsSlot, stats, statsSlot, image, imageSlot, locationLabel, locationSublabel, locationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, imageClassName, optixFlowConfig, logo, directionConfig, }: HeroEventRegistrationProps): React.JSX.Element;
 
 export { HeroEventRegistration, type HeroEventRegistrationProps };

package/dist/hero-event-registration.d.ts

@@ -1,11 +1,16 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
-import { A as ActionConfig, S as StatItem, I as ImageItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
+import { A as ActionConfig, S as StatItem, I as ImageItem, O as OptixFlowConfig } from './blocks-BzFuQGP0.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
+interface DirectionConfig {
+    desktop: "mediaRight" | "mediaLeft";
+    mobile: "mediaTop" | "mediaBottom";
+}
 interface HeroEventRegistrationProps {
     /**
      * Badge text content (e.g., event date)
@@ -121,7 +126,12 @@ interface HeroEventRegistrationProps {
         src: string;
         alt: string;
     };
+    /**
+     * Direction configuration for desktop and mobile layouts
+     * @default { desktop: 'mediaRight', mobile: 'mediaTop' }
+     */
+    directionConfig?: DirectionConfig;
 }
-declare function HeroEventRegistration({ badgeText, badgeIcon, badgeSlot, heading, description, actions, actionsSlot, stats, statsSlot, image, imageSlot, locationLabel, locationSublabel, locationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, imageClassName, optixFlowConfig, logo, }: HeroEventRegistrationProps): React.JSX.Element;
+declare function HeroEventRegistration({ badgeText, badgeIcon, badgeSlot, heading, description, actions, actionsSlot, stats, statsSlot, image, imageSlot, locationLabel, locationSublabel, locationSlot, background, containerClassName, spacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, actionsClassName, statsClassName, imageClassName, optixFlowConfig, logo, directionConfig, }: HeroEventRegistrationProps): React.JSX.Element;
 
 export { HeroEventRegistration, type HeroEventRegistrationProps };

package/dist/hero-event-registration.js

@@ -922,7 +922,7 @@ function HeroEventRegistration({
   locationSublabel,
   locationSlot,
   background,
-  containerClassName = "px-6 sm:px-0 md:px-0 lg:px-0",
+  containerClassName = "mx-auto w-full max-w-full md:max-w-7xl relative z-10 px-6 sm:px-8 md:px-12 lg:px-18",
   spacing = "xl",
   pattern,
   patternOpacity,
@@ -934,7 +934,8 @@ function HeroEventRegistration({
   statsClassName,
   imageClassName,
   optixFlowConfig,
-  logo
+  logo,
+  directionConfig = { desktop: "mediaRight", mobile: "mediaTop" }
 }) {
   const renderBadge = useMemo(() => {
     if (badgeSlot) return badgeSlot;
@@ -987,48 +988,72 @@ function HeroEventRegistration({
   const renderLocation = useMemo(() => {
     if (locationSlot) return locationSlot;
     if (!locationLabel && !locationSublabel) return null;
-    return /* @__PURE__ */ jsx("div", { className: "absolute -bottom-4 -left-4 rounded-xl bg-card text-card-foreground p-2 md:p-4 shadow-lg ring-4 ring-primary", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex items-center justify-center shrink-0",
-            "size-12 rounded-xl bg-primary text-primary-foreground"
-          ),
-          children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/map-pin", size: 24 })
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "flex flex-col items-start justify-center",
-            "text-card-foreground gap-0 pr-0 md:pr-2"
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "bg-card text-card-foreground",
+          "rounded-xl p-2 md:p-4 shadow-lg",
+          "absolute -bottom-4",
+          "left-1/2 -translate-x-1/2 w-[90%]",
+          "md:-left-4 md:translate-x-0 md:w-auto",
+          "ring-4 ring-primary"
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex items-center justify-center shrink-0",
+                "size-12 rounded-xl bg-primary text-primary-foreground"
+              ),
+              children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/map-pin", size: 24 })
+            }
           ),
-          children: [
-            locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
-            locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
-          ]
-        }
-      )
-    ] }) });
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col items-start justify-center",
+                "text-card-foreground gap-0 pr-1 md:pr-2"
+              ),
+              children: [
+                locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
+                locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
+              ]
+            }
+          )
+        ] })
+      }
+    );
   }, [locationSlot, locationLabel, locationSublabel]);
   const renderImage = useMemo(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
-    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx("div", { className: cn("overflow-hidden rounded-2xl", imageClassName), children: /* @__PURE__ */ jsx(
-        Img,
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full md:w-[50%]", children: [
+      /* @__PURE__ */ jsx(
+        "div",
         {
-          src: image.src,
-          alt: image.alt,
-          className: cn("aspect-4/3 w-full object-cover", image.className),
-          optixFlowConfig
+          className: cn(
+            "overflow-hidden rounded-2xl shadow-xl",
+            imageClassName
+          ),
+          children: /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: image.src,
+              alt: image.alt,
+              className: cn("aspect-4/3 w-full object-cover", image.className),
+              optixFlowConfig
+            }
+          )
         }
-      ) }),
+      ),
       renderLocation
     ] });
   }, [imageSlot, image, imageClassName, optixFlowConfig, renderLocation]);
+  const desktopOrder = directionConfig.desktop === "mediaRight" ? "md:flex-row" : "md:flex-row-reverse";
+  const mobileOrder = directionConfig.mobile === "mediaTop" ? "flex-col-reverse" : "flex-col";
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1038,50 +1063,60 @@ function HeroEventRegistration({
       patternOpacity,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-20", children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex flex-col items-start gap-4 md:gap-6",
-              contentClassName
-            ),
-            children: [
-              renderBadge,
-              logo && /* @__PURE__ */ jsx(
-                Img,
-                {
-                  src: logo.src,
-                  alt: logo.alt,
-                  className: "w-auto max-w-full h-12 md:h-14 object-contain my-4",
-                  optixFlowConfig
-                }
-              ),
-              heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
-                "h1",
-                {
-                  className: cn(
-                    "text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-pretty",
-                    headingClassName
+      children: /* @__PURE__ */ jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center justify-start md:justify-between gap-12 md:gap-24",
+            mobileOrder,
+            desktopOrder
+          ),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col items-start gap-2 md:gap-4 w-full md:w-[50%]",
+                  contentClassName
+                ),
+                children: [
+                  renderBadge,
+                  logo && /* @__PURE__ */ jsx(
+                    Img,
+                    {
+                      src: logo.src,
+                      alt: logo.alt,
+                      className: "w-auto max-w-full h-12 md:h-14 object-contain my-4",
+                      optixFlowConfig
+                    }
                   ),
-                  children: heading
-                }
-              ) : heading),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : description),
-              /* @__PURE__ */ jsx(
-                BlockActions,
-                {
-                  actions,
-                  actionsSlot,
-                  actionsClassName
-                }
-              ),
-              renderStats
-            ]
-          }
-        ),
-        renderImage
-      ] }) })
+                  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+                    "h1",
+                    {
+                      className: cn(
+                        "text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl text-pretty",
+                        headingClassName
+                      ),
+                      children: heading
+                    }
+                  ) : heading),
+                  description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-balance", descriptionClassName), children: description }) : description),
+                  /* @__PURE__ */ jsx(
+                    BlockActions,
+                    {
+                      actions,
+                      actionsSlot,
+                      actionsClassName
+                    }
+                  ),
+                  renderStats
+                ]
+              }
+            ),
+            renderImage
+          ]
+        }
+      ) })
     }
   );
 }

package/dist/hero-feature-cards-grid.d.cts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
-import { A as ActionConfig, F as FeatureItem } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
+import { A as ActionConfig, F as FeatureItem } from './blocks-DUr75v0S.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
 interface HeroFeatureCardsGridProps {
     /**

package/dist/hero-feature-cards-grid.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
-import { A as ActionConfig, F as FeatureItem } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
+import { A as ActionConfig, F as FeatureItem } from './blocks-BzFuQGP0.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
 interface HeroFeatureCardsGridProps {
     /**

package/dist/hero-floating-images.d.cts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
+import { O as OptixFlowConfig } from './blocks-DUr75v0S.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
 /**
  * Image configuration for the gallery section.

package/dist/hero-floating-images.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
+import { O as OptixFlowConfig } from './blocks-BzFuQGP0.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
 /**
  * Image configuration for the gallery section.

package/dist/hero-fullscreen-background-image.cjs

@@ -950,7 +950,7 @@ function HeroFullscreenBackgroundImage({
                 "h1",
                 {
                   className: cn(
-                    "text-5xl md:text-6xl lg:text-7xl text-balance text-white text-shadow-2xl font-semibold",
+                    "text-5xl md:text-6xl lg:text-7xl text-balance text-white text-shadow-lg font-semibold",
                     headingClassName
                   ),
                   children: heading
@@ -960,7 +960,7 @@ function HeroFullscreenBackgroundImage({
                 "p",
                 {
                   className: cn(
-                    "text-center text-base text-balance text-white text-shadow-2xl",
+                    "text-center text-base text-balance text-white text-shadow-lg",
                     descriptionClassName
                   ),
                   children: description

package/dist/hero-fullscreen-background-image.d.cts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives--DXZ9Bjs.cjs';
-import { A as ActionConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DRCtoLgJ.cjs';
+import { A as ActionConfig } from './blocks-DUr75v0S.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
 interface HeroFullscreenBackgroundImageProps {
     /**

package/dist/hero-fullscreen-background-image.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Blusxtj7.js';
-import { A as ActionConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-m2mT5Ksx.js';
+import { A as ActionConfig } from './blocks-BzFuQGP0.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
+import '@opensite/hooks/usePlatformFromUrl';
 
 interface HeroFullscreenBackgroundImageProps {
     /**