@opensite/ui 1.6.1 → 1.6.3

package/dist/components.cjs

@@ -5311,7 +5311,8 @@ function FooterNewsletterMinimal({
   brandTextClassName,
   copyrightClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   formConfig,
@@ -5338,8 +5339,11 @@ function FooterNewsletterMinimal({
         href: item.href,
         label: item.label,
         iconNameOverride: item.iconNameOverride,
-        iconSize: 14,
-        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", socialLinkClassName)
+        iconSize: 24,
+        className: cn(
+          "group flex items-center gap-1 tracking-tight hover:opacity-70",
+          socialLinkClassName
+        )
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
@@ -5349,7 +5353,10 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", footerLinkClassName),
+        className: cn(
+          "group flex items-center gap-1 tracking-tight hover:opacity-70",
+          footerLinkClassName
+        ),
         children: item.label
       }
     ) }, item.label));
@@ -5401,63 +5408,127 @@ function FooterNewsletterMinimal({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("dark", className),
+      className,
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contentClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between gap-15 lg:flex-row", topSectionClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10", children: [
-            heading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("relative text-4xl font-medium tracking-tight lg:text-5xl", headingClassName), children: heading }),
-            (supportLabel || supportEmail) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-1 text-sm font-light tracking-tight lg:text-base", supportClassName), children: [
-              supportLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: supportLabel }),
-              supportEmail && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", navGridClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", navLinksClassName), children: navLinksContent }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", socialLinksClassName), children: socialLinksContent })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          formConfig?.token && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
-            newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: newsletterLabel }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              forms.Form,
-              {
-                form,
-                action: formConfig?.endpoint,
-                method: formMethod,
-                className: cn("flex w-full items-end border-b border-b-foreground/10", newsletterFormClassName),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    TextInput,
-                    {
-                      ...field,
-                      type: "email",
-                      placeholder: newsletterPlaceholder,
-                      error: meta.touched && !!meta.error,
-                      className: cn("mt-10 h-auto w-full rounded-none border-0 bg-transparent p-0 uppercase shadow-none placeholder:text-foreground/20 focus:outline-none focus:ring-0 lg:text-base", newsletterInputClassName),
-                      "aria-label": newsletterPlaceholder || "Email address"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Pressable,
-                    {
-                      componentType: "button",
-                      type: "submit",
-                      className: cn("p-2 hover:opacity-80", newsletterButtonClassName),
-                      asButton: false,
-                      disabled: form.isSubmitting,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-                    }
-                  )
-                ]
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", bottomGridClassName), children: [
-            location && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-32", locationClassName), children: location }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col justify-between gap-15 lg:flex-row",
+              topSectionClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10", children: [
+                heading && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "relative text-4xl font-medium tracking-tight lg:text-5xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ),
+                (supportLabel || supportEmail) && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "space-y-1 text-sm font-light tracking-tight lg:text-base",
+                      supportClassName
+                    ),
+                    children: [
+                      supportLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: supportLabel }),
+                      supportEmail && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
+                    navGridClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", navLinksClassName), children: navLinksContent }),
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-4", socialLinksClassName), children: socialLinksContent })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-20 flex flex-col justify-between gap-15 lg:flex-row",
+              newsletterSectionClassName
+            ),
+            children: [
+              formConfig?.token && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+                newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: newsletterLabel }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  forms.Form,
+                  {
+                    form,
+                    action: formConfig?.endpoint,
+                    method: formMethod,
+                    className: cn(
+                      "flex w-full items-end border-b border-b-foreground/10",
+                      newsletterFormClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
+                        TextInput,
+                        {
+                          ...field,
+                          type: "email",
+                          placeholder: newsletterPlaceholder,
+                          error: meta.touched && !!meta.error,
+                          className: cn(
+                            "mt-10 h-auto w-full rounded-none border-0 bg-transparent p-0 uppercase shadow-none placeholder:text-foreground/20 focus:outline-none focus:ring-0 lg:text-base",
+                            newsletterInputClassName
+                          ),
+                          "aria-label": newsletterPlaceholder || "Email address"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        Pressable,
+                        {
+                          componentType: "button",
+                          type: "submit",
+                          className: cn(
+                            "p-2 hover:opacity-80",
+                            newsletterButtonClassName
+                          ),
+                          asButton: false,
+                          disabled: form.isSubmitting,
+                          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
+                    bottomGridClassName
+                  ),
+                  children: [
+                    location && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-32", locationClassName), children: location }),
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
         brandText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.div,
           {
@@ -5466,22 +5537,40 @@ function FooterNewsletterMinimal({
             viewport: { once: true },
             transition: { duration: 0.6 },
             className: "text-center",
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", brandTextClassName), children: brandText })
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl",
+                  brandTextClassName
+                ),
+                children: brandText
+              }
+            )
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 text-center text-sm opacity-80", copyrightClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            BrandAttribution,
-            {
-              internalBrandSlug: "open_site_ai",
-              optionIndex: 4,
-              variant: "div",
-              containerClassName: "mt-2",
-              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-8 text-center text-sm opacity-80",
+              copyrightClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BrandAttribution,
+                {
+                  internalBrandSlug: "open_site_ai",
+                  optionIndex: 4,
+                  variant: "div",
+                  containerClassName: "mt-2",
+                  linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                }
+              )
+            ]
+          }
+        )
       ] })
     }
   );

package/dist/components.d.cts

@@ -13,7 +13,7 @@ export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps } f
 export { PaymentPlatformIcon, PaymentPlatformIconProps, PaymentPlatformName } from './payment-platform-icon.cjs';
 export { Pressable, PressableProps } from './pressable.cjs';
 export { AlternatingBlocks } from './alternating-blocks.cjs';
-export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-CPyEa7IX.cjs';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-Bz_A5vLU.cjs';
 export { MediaHoverCtas } from './media-hover-ctas.cjs';
 export { FooterLinksGrid } from './footer-links-grid.cjs';
 export { FooterSocialNewsletter } from './footer-social-newsletter.cjs';
@@ -31,9 +31,9 @@ export { FooterNavSocial } from './footer-nav-social.cjs';
 export { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './types-Cs1jk79n.cjs';

package/dist/components.d.ts

@@ -13,7 +13,7 @@ export { SocialLinkIcon, SocialLinkIconDynamicIconProps, SocialLinkIconProps } f
 export { PaymentPlatformIcon, PaymentPlatformIconProps, PaymentPlatformName } from './payment-platform-icon.js';
 export { Pressable, PressableProps } from './pressable.js';
 export { AlternatingBlocks } from './alternating-blocks.js';
-export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-hxnFe3w6.js';
+export { c as AboutCultureTabs, p as AboutCultureTabsProps, b as AboutExpandableValues, n as AboutExpandableValuesProps, a as AboutMissionPrinciples, m as AboutMissionPrinciplesProps, A as AboutSplitHero, l as AboutSplitHeroProps, k as AlternatingBlockSection, j as AlternatingBlocksProps, h as AnimatedDialogProps, i as AnimatedDialogSize, C as CommunityInitiatives, o as CommunityInitiativesProps, e as ContainerMaxWidth, d as ContainerProps, q as MediaHoverCtaItem, r as MediaHoverCtaType, M as MediaHoverCtasProps, P as PageHeroBannerProps, f as SectionBackground, S as SectionProps, g as SectionSpacing } from './community-initiatives-Bi_ClKrO.js';
 export { MediaHoverCtas } from './media-hover-ctas.js';
 export { FooterLinksGrid } from './footer-links-grid.js';
 export { FooterSocialNewsletter } from './footer-social-newsletter.js';
@@ -31,9 +31,9 @@ export { FooterNavSocial } from './footer-nav-social.js';
 export { SocialPlatformName } from '@opensite/hooks/usePlatformFromUrl';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@radix-ui/react-popover';
 import './types-Cs1jk79n.js';

package/dist/components.js

@@ -5288,7 +5288,8 @@ function FooterNewsletterMinimal({
   brandTextClassName,
   copyrightClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   formConfig,
@@ -5315,8 +5316,11 @@ function FooterNewsletterMinimal({
         href: item.href,
         label: item.label,
         iconNameOverride: item.iconNameOverride,
-        iconSize: 14,
-        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", socialLinkClassName)
+        iconSize: 24,
+        className: cn(
+          "group flex items-center gap-1 tracking-tight hover:opacity-70",
+          socialLinkClassName
+        )
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
@@ -5326,7 +5330,10 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", footerLinkClassName),
+        className: cn(
+          "group flex items-center gap-1 tracking-tight hover:opacity-70",
+          footerLinkClassName
+        ),
         children: item.label
       }
     ) }, item.label));
@@ -5378,63 +5385,127 @@ function FooterNewsletterMinimal({
       spacing,
       pattern,
       patternOpacity,
-      className: cn("dark", className),
+      className,
+      containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: cn(contentClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between gap-15 lg:flex-row", topSectionClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
-            heading && /* @__PURE__ */ jsx("p", { className: cn("relative text-4xl font-medium tracking-tight lg:text-5xl", headingClassName), children: heading }),
-            (supportLabel || supportEmail) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-1 text-sm font-light tracking-tight lg:text-base", supportClassName), children: [
-              supportLabel && /* @__PURE__ */ jsx("p", { children: supportLabel }),
-              supportEmail && /* @__PURE__ */ jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", navGridClassName), children: [
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", navLinksClassName), children: navLinksContent }),
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", socialLinksClassName), children: socialLinksContent })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          formConfig?.token && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
-            newsletterLabel && /* @__PURE__ */ jsx("p", { children: newsletterLabel }),
-            /* @__PURE__ */ jsxs(
-              Form,
-              {
-                form,
-                action: formConfig?.endpoint,
-                method: formMethod,
-                className: cn("flex w-full items-end border-b border-b-foreground/10", newsletterFormClassName),
-                children: [
-                  /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsx(
-                    TextInput,
-                    {
-                      ...field,
-                      type: "email",
-                      placeholder: newsletterPlaceholder,
-                      error: meta.touched && !!meta.error,
-                      className: cn("mt-10 h-auto w-full rounded-none border-0 bg-transparent p-0 uppercase shadow-none placeholder:text-foreground/20 focus:outline-none focus:ring-0 lg:text-base", newsletterInputClassName),
-                      "aria-label": newsletterPlaceholder || "Email address"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(
-                    Pressable,
-                    {
-                      componentType: "button",
-                      type: "submit",
-                      className: cn("p-2 hover:opacity-80", newsletterButtonClassName),
-                      asButton: false,
-                      disabled: form.isSubmitting,
-                      children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
-                    }
-                  )
-                ]
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", bottomGridClassName), children: [
-            location && /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex flex-col justify-between gap-15 lg:flex-row",
+              topSectionClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
+                heading && /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "relative text-4xl font-medium tracking-tight lg:text-5xl",
+                      headingClassName
+                    ),
+                    children: heading
+                  }
+                ),
+                (supportLabel || supportEmail) && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "space-y-1 text-sm font-light tracking-tight lg:text-base",
+                      supportClassName
+                    ),
+                    children: [
+                      supportLabel && /* @__PURE__ */ jsx("p", { children: supportLabel }),
+                      supportEmail && /* @__PURE__ */ jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
+                    navGridClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", navLinksClassName), children: navLinksContent }),
+                    /* @__PURE__ */ jsx("ul", { className: cn("space-y-4", socialLinksClassName), children: socialLinksContent })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-20 flex flex-col justify-between gap-15 lg:flex-row",
+              newsletterSectionClassName
+            ),
+            children: [
+              formConfig?.token && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+                newsletterLabel && /* @__PURE__ */ jsx("p", { children: newsletterLabel }),
+                /* @__PURE__ */ jsxs(
+                  Form,
+                  {
+                    form,
+                    action: formConfig?.endpoint,
+                    method: formMethod,
+                    className: cn(
+                      "flex w-full items-end border-b border-b-foreground/10",
+                      newsletterFormClassName
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsx(
+                        TextInput,
+                        {
+                          ...field,
+                          type: "email",
+                          placeholder: newsletterPlaceholder,
+                          error: meta.touched && !!meta.error,
+                          className: cn(
+                            "mt-10 h-auto w-full rounded-none border-0 bg-transparent p-0 uppercase shadow-none placeholder:text-foreground/20 focus:outline-none focus:ring-0 lg:text-base",
+                            newsletterInputClassName
+                          ),
+                          "aria-label": newsletterPlaceholder || "Email address"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(
+                        Pressable,
+                        {
+                          componentType: "button",
+                          type: "submit",
+                          className: cn(
+                            "p-2 hover:opacity-80",
+                            newsletterButtonClassName
+                          ),
+                          asButton: false,
+                          disabled: form.isSubmitting,
+                          children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base",
+                    bottomGridClassName
+                  ),
+                  children: [
+                    location && /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
+                    /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
         brandText && /* @__PURE__ */ jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsx(
           motion.div,
           {
@@ -5443,22 +5514,40 @@ function FooterNewsletterMinimal({
             viewport: { once: true },
             transition: { duration: 0.6 },
             className: "text-center",
-            children: /* @__PURE__ */ jsx("span", { className: cn("text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", brandTextClassName), children: brandText })
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl",
+                  brandTextClassName
+                ),
+                children: brandText
+              }
+            )
           }
         ) }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-8 text-center text-sm opacity-80", copyrightClassName), children: [
-          /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
-          /* @__PURE__ */ jsx(
-            BrandAttribution,
-            {
-              internalBrandSlug: "open_site_ai",
-              optionIndex: 4,
-              variant: "div",
-              containerClassName: "mt-2",
-              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-8 text-center text-sm opacity-80",
+              copyrightClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
+              /* @__PURE__ */ jsx(
+                BrandAttribution,
+                {
+                  internalBrandSlug: "open_site_ai",
+                  optionIndex: 4,
+                  variant: "div",
+                  containerClassName: "mt-2",
+                  linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                }
+              )
+            ]
+          }
+        )
       ] })
     }
   );

package/dist/contact-callback.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { A as ActionConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { A as ActionConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface CallbackFormValues {

package/dist/contact-callback.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { P as PageSpeedFormConfig } from './forms-BCcwNFhk.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { A as ActionConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { A as ActionConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface CallbackFormValues {