@opensite/ui 2.0.7 → 2.0.9

package/dist/hero-mental-health-team.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { I as ImageItem, T as TestimonialItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { I as ImageItem, T as TestimonialItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroMentalHealthTeamProps {
@@ -101,6 +101,6 @@ interface HeroMentalHealthTeamProps {
      */
     descriptionClassName?: string;
 }
-declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, spacing, pattern, patternOpacity, className, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
+declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, pattern, patternOpacity, className, spacing, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
 
 export { HeroMentalHealthTeam, type HeroMentalHealthTeamProps };

package/dist/hero-mental-health-team.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { I as ImageItem, T as TestimonialItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { I as ImageItem, T as TestimonialItem, O as OptixFlowConfig, A as ActionConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroMentalHealthTeamProps {
@@ -101,6 +101,6 @@ interface HeroMentalHealthTeamProps {
      */
     descriptionClassName?: string;
 }
-declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, spacing, pattern, patternOpacity, className, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
+declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, smallImages, smallImagesSlot, testimonial, testimonialSlot, featureImage, featureImageSlot, background, pattern, patternOpacity, className, spacing, containerClassName, headerClassName, headingClassName, gridClassName, optixFlowConfig, }: HeroMentalHealthTeamProps): React.JSX.Element;
 
 export { HeroMentalHealthTeam, type HeroMentalHealthTeamProps };

package/dist/hero-mental-health-team.js

@@ -882,10 +882,10 @@ function HeroMentalHealthTeam({
   featureImage,
   featureImageSlot,
   background,
-  spacing = "xl",
   pattern,
   patternOpacity,
   className,
+  spacing = "xl",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headerClassName,
   headingClassName,

package/dist/hero-mentorship-video-split.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroMentorshipVideoSplitProps {

package/dist/hero-mentorship-video-split.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroMentorshipVideoSplitProps {

package/dist/hero-minimal-centered-dark.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, S as StatItem } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, S as StatItem } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroMinimalCenteredDarkProps {

package/dist/hero-minimal-centered-dark.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, S as StatItem } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, S as StatItem } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroMinimalCenteredDarkProps {

package/dist/hero-mobile-app-download.cjs

@@ -880,7 +880,7 @@ function HeroMobileAppDownload({
   notificationSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "pt-28 pb-8 md:pt-32 md:pb-32",
+  spacing = "xl",
   pattern,
   patternOpacity,
   className,
@@ -1019,7 +1019,7 @@ function HeroMobileAppDownload({
       patternOpacity,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 grid-cols-1 md:grid-cols-2 md:gap-20", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid items-center gap-12 grid-cols-1 md:grid-cols-2 md:gap-20", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/hero-mobile-app-download.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface AppStoreAction extends ActionConfig {

package/dist/hero-mobile-app-download.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, I as ImageItem, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface AppStoreAction extends ActionConfig {

package/dist/hero-mobile-app-download.js

@@ -859,7 +859,7 @@ function HeroMobileAppDownload({
   notificationSlot,
   background,
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
-  spacing = "pt-28 pb-8 md:pt-32 md:pb-32",
+  spacing = "xl",
   pattern,
   patternOpacity,
   className,
@@ -998,7 +998,7 @@ function HeroMobileAppDownload({
       patternOpacity,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 grid-cols-1 md:grid-cols-2 md:gap-20", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "pt-8 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 grid-cols-1 md:grid-cols-2 md:gap-20", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-8", contentClassName), children: [
           renderBadge,
           heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(

package/dist/hero-newsletter-minimal.cjs

@@ -31,32 +31,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -869,11 +843,12 @@ Section.displayName = "Section";
 function HeroNewsletterMinimal({
   heading,
   description,
-  inputPlaceholder = "Enter your email",
+  inputPlaceholder,
   submitAction,
   formSlot,
-  disclaimer = "Free forever. No spam. Unsubscribe anytime.",
+  disclaimer,
   stats,
+  patternClassName,
   statsSlot,
   background,
   spacing,
@@ -891,15 +866,40 @@ function HeroNewsletterMinimal({
   const renderStats = React.useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2 text-sm", getTextColor(background, "muted"), stat.className), children: [
-      stat.icon,
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: stat.value })
-    ] }, index));
+    return stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center", stat.className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center",
+            stat.icon ? "justify-between" : "justify-center"
+          ),
+          children: [
+            stat.icon,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn("font-bold ", stat.icon ? "text-xl" : "text-2xl"),
+                children: stat.value
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-sm"), children: stat.label })
+    ] }) }, index));
   }, [statsSlot, stats]);
   const renderForm = React.useMemo(() => {
     if (formSlot) return formSlot;
     if (!submitAction) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = submitAction;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = submitAction;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
@@ -909,35 +909,75 @@ function HeroNewsletterMinimal({
           className: cn("h-12 flex-1", inputClassName)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) })
     ] });
   }, [formSlot, submitAction, inputPlaceholder, inputClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
-      className: cn(
-        "relative min-h-[80vh] bg-background py-32",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("container flex flex-col items-center justify-center text-center", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 max-w-xl text-lg md:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-10 flex w-full max-w-md flex-col gap-4 sm:flex-row", formClassName), children: renderForm }),
-        disclaimer && (typeof disclaimer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-sm", getTextColor(background, "muted"), disclaimerClassName), children: disclaimer }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: disclaimerClassName, children: disclaimer })),
-        (statsSlot || stats && stats.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-16 flex flex-wrap items-center justify-center gap-8", statsClassName), children: renderStats })
-      ] })
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      patternClassName,
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "container flex flex-col items-center justify-center text-center",
+            containerClassName
+          ),
+          children: [
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h1",
+              {
+                className: cn(
+                  "max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl text-pretty",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : heading),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "mt-6 max-w-full md:max-w-lg text-lg md:text-xl text-balance",
+                  descriptionClassName
+                ),
+                children: description
+              }
+            ) : description),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-10 flex w-full max-w-md flex-col gap-4 sm:flex-row",
+                  formClassName
+                ),
+                children: renderForm
+              }
+            ),
+            disclaimer && (typeof disclaimer === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-sm", disclaimerClassName), children: disclaimer }) : disclaimer),
+            (statsSlot || stats && stats.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-16 flex flex-wrap items-center justify-center gap-8",
+                  statsClassName
+                ),
+                children: renderStats
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/hero-newsletter-minimal.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig, S as StatItem } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
+import { A as ActionConfig, S as StatItem } from './blocks-DP3Vofl4.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroNewsletterMinimalProps {
@@ -86,7 +86,11 @@ interface HeroNewsletterMinimalProps {
      * Additional CSS classes for the stats container
      */
     statsClassName?: string;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
 }
-declare function HeroNewsletterMinimal({ heading, description, inputPlaceholder, submitAction, formSlot, disclaimer, stats, statsSlot, background, spacing, pattern, patternOpacity, className, containerClassName, headingClassName, descriptionClassName, formClassName, inputClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
+declare function HeroNewsletterMinimal({ heading, description, inputPlaceholder, submitAction, formSlot, disclaimer, stats, patternClassName, statsSlot, background, spacing, pattern, patternOpacity, className, containerClassName, headingClassName, descriptionClassName, formClassName, inputClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
 
 export { HeroNewsletterMinimal, type HeroNewsletterMinimalProps };

package/dist/hero-newsletter-minimal.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig, S as StatItem } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
+import { A as ActionConfig, S as StatItem } from './blocks-XLPGq8A5.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroNewsletterMinimalProps {
@@ -86,7 +86,11 @@ interface HeroNewsletterMinimalProps {
      * Additional CSS classes for the stats container
      */
     statsClassName?: string;
+    /**
+     * Additional CSS classes for the pattern overlay
+     */
+    patternClassName?: string;
 }
-declare function HeroNewsletterMinimal({ heading, description, inputPlaceholder, submitAction, formSlot, disclaimer, stats, statsSlot, background, spacing, pattern, patternOpacity, className, containerClassName, headingClassName, descriptionClassName, formClassName, inputClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
+declare function HeroNewsletterMinimal({ heading, description, inputPlaceholder, submitAction, formSlot, disclaimer, stats, patternClassName, statsSlot, background, spacing, pattern, patternOpacity, className, containerClassName, headingClassName, descriptionClassName, formClassName, inputClassName, disclaimerClassName, statsClassName, }: HeroNewsletterMinimalProps): React.JSX.Element;
 
 export { HeroNewsletterMinimal, type HeroNewsletterMinimalProps };

package/dist/hero-newsletter-minimal.js

@@ -10,32 +10,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getTextColor(parentBg, variant = "default", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-foreground/80";
-      case "subtle":
-        return "text-foreground/60";
-      case "accent":
-        return "text-accent-foreground";
-    }
-  } else {
-    switch (variant) {
-      case "default":
-        return "text-foreground";
-      case "muted":
-        return "text-muted-foreground";
-      case "subtle":
-        return "text-muted-foreground/70";
-      case "accent":
-        return "text-primary";
-    }
-  }
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -848,11 +822,12 @@ Section.displayName = "Section";
 function HeroNewsletterMinimal({
   heading,
   description,
-  inputPlaceholder = "Enter your email",
+  inputPlaceholder,
   submitAction,
   formSlot,
-  disclaimer = "Free forever. No spam. Unsubscribe anytime.",
+  disclaimer,
   stats,
+  patternClassName,
   statsSlot,
   background,
   spacing,
@@ -870,15 +845,40 @@ function HeroNewsletterMinimal({
   const renderStats = useMemo(() => {
     if (statsSlot) return statsSlot;
     if (!stats || stats.length === 0) return null;
-    return stats.map((stat, index) => /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 text-sm", getTextColor(background, "muted"), stat.className), children: [
-      stat.icon,
-      /* @__PURE__ */ jsx("span", { children: stat.value })
-    ] }, index));
+    return stats.map((stat, index) => /* @__PURE__ */ jsx("div", { className: cn("flex items-center", stat.className), children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center",
+            stat.icon ? "justify-between" : "justify-center"
+          ),
+          children: [
+            stat.icon,
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("font-bold ", stat.icon ? "text-xl" : "text-2xl"),
+                children: stat.value
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: cn("text-sm"), children: stat.label })
+    ] }) }, index));
   }, [statsSlot, stats]);
   const renderForm = useMemo(() => {
     if (formSlot) return formSlot;
     if (!submitAction) return null;
-    const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = submitAction;
+    const {
+      label,
+      icon,
+      iconAfter,
+      children,
+      className: actionClassName,
+      ...pressableProps
+    } = submitAction;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Input,
@@ -888,35 +888,75 @@ function HeroNewsletterMinimal({
           className: cn("h-12 flex-1", inputClassName)
         }
       ),
-      /* @__PURE__ */ jsx(
-        Pressable,
-        {
-          asButton: true,
-          className: actionClassName,
-          ...pressableProps,
-          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-            icon,
-            label,
-            iconAfter
-          ] })
-        }
-      )
+      /* @__PURE__ */ jsx(Pressable, { asButton: true, className: actionClassName, ...pressableProps, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        icon,
+        label,
+        iconAfter
+      ] }) })
     ] });
   }, [formSlot, submitAction, inputPlaceholder, inputClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
-      className: cn(
-        "relative min-h-[80vh] bg-background py-32",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("container flex flex-col items-center justify-center text-center", containerClassName), children: [
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 max-w-xl text-lg md:text-xl", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-10 flex w-full max-w-md flex-col gap-4 sm:flex-row", formClassName), children: renderForm }),
-        disclaimer && (typeof disclaimer === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-sm", getTextColor(background, "muted"), disclaimerClassName), children: disclaimer }) : /* @__PURE__ */ jsx("div", { className: disclaimerClassName, children: disclaimer })),
-        (statsSlot || stats && stats.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-16 flex flex-wrap items-center justify-center gap-8", statsClassName), children: renderStats })
-      ] })
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      patternClassName,
+      className,
+      containerClassName,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "container flex flex-col items-center justify-center text-center",
+            containerClassName
+          ),
+          children: [
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
+              "h1",
+              {
+                className: cn(
+                  "max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl text-pretty",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ) : heading),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "mt-6 max-w-full md:max-w-lg text-lg md:text-xl text-balance",
+                  descriptionClassName
+                ),
+                children: description
+              }
+            ) : description),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-10 flex w-full max-w-md flex-col gap-4 sm:flex-row",
+                  formClassName
+                ),
+                children: renderForm
+              }
+            ),
+            disclaimer && (typeof disclaimer === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-4 text-sm", disclaimerClassName), children: disclaimer }) : disclaimer),
+            (statsSlot || stats && stats.length > 0) && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "mt-16 flex flex-wrap items-center justify-center gap-8",
+                  statsClassName
+                ),
+                children: renderStats
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }

package/dist/hero-overlay-cta-grid.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface HeroOverlayCtaGridCard {

package/dist/hero-overlay-cta-grid.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface HeroOverlayCtaGridCard {