@opensite/ui 2.0.6 → 2.0.8

package/dist/hero-innovation-image-grid.js

@@ -954,11 +954,11 @@ function HeroInnovationImageGrid({
       patternOpacity,
       className,
       containerClassName,
-      children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-22.5 lg:grid-cols-2", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-12 md:gap-22.5 lg:grid-cols-2", children: [
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
           "div",
           {
-            className: cn("flex flex-col gap-6 md:gap-12", contentClassName),
+            className: cn("flex flex-col gap-2 md:gap-12", contentClassName),
             children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(

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

@@ -896,53 +896,53 @@ function HeroMentalHealthTeam({
   actionsSlot,
   actionsClassName,
   heading,
-  teamImages,
-  teamImagesSlot,
+  smallImages,
+  smallImagesSlot,
   testimonial,
   testimonialSlot,
   featureImage,
   featureImageSlot,
   background,
-  spacing = "xl",
   pattern,
   patternOpacity,
   className,
+  spacing = "xl",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headerClassName,
   headingClassName,
   gridClassName,
   optixFlowConfig
 }) {
-  const renderTeamImages = React3.useMemo(() => {
-    if (teamImagesSlot) return teamImagesSlot;
-    if (!teamImages || teamImages.length === 0) return null;
+  const renderSmallImages = React3.useMemo(() => {
+    if (smallImagesSlot) return smallImagesSlot;
+    if (!smallImages || smallImages.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      teamImages[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-[1/2] row-[1/2] w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+      smallImages[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-[1/2] row-[1/2] w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
         img.Img,
         {
-          src: teamImages[0].src,
-          alt: teamImages[0].alt,
+          src: smallImages[0].src,
+          alt: smallImages[0].alt,
           className: cn(
             "block h-full w-full object-cover object-center",
-            teamImages[0].className
+            smallImages[0].className
           ),
           optixFlowConfig
         }
       ) }) }),
-      teamImages[1] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-[2/3] row-[1/2] w-full md:col-[2/3] md:row-[1/2]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+      smallImages[1] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-[2/3] row-[1/2] w-full md:col-[2/3] md:row-[1/2]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
         img.Img,
         {
-          src: teamImages[1].src,
-          alt: teamImages[1].alt,
+          src: smallImages[1].src,
+          alt: smallImages[1].alt,
           className: cn(
             "block h-full w-full object-cover object-center",
-            teamImages[1].className
+            smallImages[1].className
           ),
           optixFlowConfig
         }
       ) }) })
     ] });
-  }, [teamImagesSlot, teamImages, optixFlowConfig]);
+  }, [smallImagesSlot, smallImages, optixFlowConfig]);
   const renderTestimonial = React3.useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
     if (!testimonial) return null;
@@ -1032,7 +1032,7 @@ function HeroMentalHealthTeam({
                 "p",
                 {
                   className: cn(
-                    "text-center text-lg md:text-xl",
+                    "text-center text-lg md:text-xl text-balance",
                     descriptionClassName
                   ),
                   children: description
@@ -1057,7 +1057,7 @@ function HeroMentalHealthTeam({
               gridClassName
             ),
             children: [
-              renderTeamImages,
+              renderSmallImages,
               renderTestimonial,
               renderFeatureImage
             ]

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

@@ -16,13 +16,13 @@ interface HeroMentalHealthTeamProps {
      */
     heading?: React.ReactNode;
     /**
-     * Array of team member images (expects 2 images)
+     * Array of 2 small images (expects 2 images)
      */
-    teamImages?: ImageItem[];
+    smallImages?: ImageItem[];
     /**
-     * Custom slot for team images (overrides teamImages array)
+     * Custom slot for small images (overrides smallImage array)
      */
-    teamImagesSlot?: React.ReactNode;
+    smallImagesSlot?: React.ReactNode;
     /**
      * Testimonial configuration
      */
@@ -101,6 +101,6 @@ interface HeroMentalHealthTeamProps {
      */
     descriptionClassName?: string;
 }
-declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, teamImages, teamImagesSlot, 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

@@ -16,13 +16,13 @@ interface HeroMentalHealthTeamProps {
      */
     heading?: React.ReactNode;
     /**
-     * Array of team member images (expects 2 images)
+     * Array of 2 small images (expects 2 images)
      */
-    teamImages?: ImageItem[];
+    smallImages?: ImageItem[];
     /**
-     * Custom slot for team images (overrides teamImages array)
+     * Custom slot for small images (overrides smallImage array)
      */
-    teamImagesSlot?: React.ReactNode;
+    smallImagesSlot?: React.ReactNode;
     /**
      * Testimonial configuration
      */
@@ -101,6 +101,6 @@ interface HeroMentalHealthTeamProps {
      */
     descriptionClassName?: string;
 }
-declare function HeroMentalHealthTeam({ description, descriptionClassName, actions, actionsSlot, actionsClassName, heading, teamImages, teamImagesSlot, 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

@@ -875,53 +875,53 @@ function HeroMentalHealthTeam({
   actionsSlot,
   actionsClassName,
   heading,
-  teamImages,
-  teamImagesSlot,
+  smallImages,
+  smallImagesSlot,
   testimonial,
   testimonialSlot,
   featureImage,
   featureImageSlot,
   background,
-  spacing = "xl",
   pattern,
   patternOpacity,
   className,
+  spacing = "xl",
   containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   headerClassName,
   headingClassName,
   gridClassName,
   optixFlowConfig
 }) {
-  const renderTeamImages = useMemo(() => {
-    if (teamImagesSlot) return teamImagesSlot;
-    if (!teamImages || teamImages.length === 0) return null;
+  const renderSmallImages = useMemo(() => {
+    if (smallImagesSlot) return smallImagesSlot;
+    if (!smallImages || smallImages.length === 0) return null;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      teamImages[0] && /* @__PURE__ */ jsx("div", { className: "col-[1/2] row-[1/2] w-full", children: /* @__PURE__ */ jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
+      smallImages[0] && /* @__PURE__ */ jsx("div", { className: "col-[1/2] row-[1/2] w-full", children: /* @__PURE__ */ jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
         Img,
         {
-          src: teamImages[0].src,
-          alt: teamImages[0].alt,
+          src: smallImages[0].src,
+          alt: smallImages[0].alt,
           className: cn(
             "block h-full w-full object-cover object-center",
-            teamImages[0].className
+            smallImages[0].className
           ),
           optixFlowConfig
         }
       ) }) }),
-      teamImages[1] && /* @__PURE__ */ jsx("div", { className: "col-[2/3] row-[1/2] w-full md:col-[2/3] md:row-[1/2]", children: /* @__PURE__ */ jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
+      smallImages[1] && /* @__PURE__ */ jsx("div", { className: "col-[2/3] row-[1/2] w-full md:col-[2/3] md:row-[1/2]", children: /* @__PURE__ */ jsx("div", { className: "h-full max-h-77.5 w-full overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
         Img,
         {
-          src: teamImages[1].src,
-          alt: teamImages[1].alt,
+          src: smallImages[1].src,
+          alt: smallImages[1].alt,
           className: cn(
             "block h-full w-full object-cover object-center",
-            teamImages[1].className
+            smallImages[1].className
           ),
           optixFlowConfig
         }
       ) }) })
     ] });
-  }, [teamImagesSlot, teamImages, optixFlowConfig]);
+  }, [smallImagesSlot, smallImages, optixFlowConfig]);
   const renderTestimonial = useMemo(() => {
     if (testimonialSlot) return testimonialSlot;
     if (!testimonial) return null;
@@ -1011,7 +1011,7 @@ function HeroMentalHealthTeam({
                 "p",
                 {
                   className: cn(
-                    "text-center text-lg md:text-xl",
+                    "text-center text-lg md:text-xl text-balance",
                     descriptionClassName
                   ),
                   children: description
@@ -1036,7 +1036,7 @@ function HeroMentalHealthTeam({
               gridClassName
             ),
             children: [
-              renderTeamImages,
+              renderSmallImages,
               renderTestimonial,
               renderFeatureImage
             ]

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.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

@@ -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

@@ -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 };