@opensite/ui 1.5.4 → 1.5.5

package/dist/footer-newsletter-minimal.js

@@ -1786,7 +1786,7 @@ function FooterNewsletterMinimal({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          /* @__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: [
+          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,

package/dist/index.cjs

@@ -5445,7 +5445,7 @@ function FooterNewsletterMinimal({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          /* @__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: [
+          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,

package/dist/index.js

@@ -5422,7 +5422,7 @@ function FooterNewsletterMinimal({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          /* @__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: [
+          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,

package/dist/registry.cjs

@@ -24495,7 +24495,7 @@ function FooterNewsletterMinimal({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          /* @__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: [
+          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,
@@ -27465,66 +27465,39 @@ function FeatureIntegrationCards({
   patternOpacity,
   patternClassName
 }) {
-  const renderIntegrationIcon = React52.useCallback((integration) => {
-    if (integration.iconSlot) return integration.iconSlot;
-    if (!integration.icon) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      img.Img,
-      {
-        src: integration.icon,
-        alt: integration.iconAlt || (typeof integration.title === "string" ? integration.title : "Integration icon"),
-        className: cn("h-auto w-7", integration.iconClassName),
-        loading: "lazy",
-        optixFlowConfig
-      }
-    );
-  }, [optixFlowConfig]);
-  const renderLinkLabel = React52.useCallback((integration) => {
-    if (integration.linkLabelSlot) return integration.linkLabelSlot;
-    if (!integration.linkLabel) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "span",
-      {
-        className: cn(
-          "flex items-center gap-1.5 rounded-full border px-3 py-2 text-sm font-medium transition-colors",
-          getBorderColor(background),
-          getAccentColor(background),
-          integration.linkLabelClassName
-        ),
-        children: [
-          integration.linkLabel,
-          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 14 })
-        ]
-      }
-    );
-  }, [background]);
+  const renderIntegrationIcon = React52.useCallback(
+    (integration) => {
+      if (integration.iconSlot) return integration.iconSlot;
+      if (!integration.icon) return null;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: integration.icon,
+          alt: integration.iconAlt || (typeof integration.title === "string" ? integration.title : "Integration icon"),
+          className: cn(
+            "min-h-12 h-auto w-auto object-contain",
+            integration.iconClassName
+          ),
+          loading: "lazy",
+          optixFlowConfig
+        }
+      );
+    },
+    [optixFlowConfig]
+  );
   const integrationsContent = React52.useMemo(() => {
     if (integrationsSlot) return integrationsSlot;
     if (!integrations || integrations.length === 0) return null;
     return integrations.map((integration, index) => {
       const iconContent = renderIntegrationIcon(integration);
-      const linkLabelContent = renderLinkLabel(integration);
       const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          iconContent && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: cn(
-                "grid size-12 shrink-0 place-content-center rounded-lg border bg-background/50",
-                getBorderColor(background)
-              ),
-              children: iconContent
-            }
-          ),
-          linkLabelContent
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-2 justify-between", children: iconContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex"), children: iconContent }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
           integration.title && (typeof integration.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
             "h3",
             {
               className: cn(
                 "font-semibold md:text-lg",
-                getTextColor(background),
                 integration.titleClassName
               ),
               children: integration.title
@@ -27534,7 +27507,6 @@ function FeatureIntegrationCards({
             {
               className: cn(
                 "font-semibold md:text-lg",
-                getTextColor(background),
                 integration.titleClassName
               ),
               children: integration.title
@@ -27545,7 +27517,6 @@ function FeatureIntegrationCards({
             {
               className: cn(
                 "text-sm leading-relaxed md:text-base",
-                getTextColor(background, "muted"),
                 integration.descriptionClassName
               ),
               children: integration.description
@@ -27555,7 +27526,6 @@ function FeatureIntegrationCards({
             {
               className: cn(
                 "text-sm leading-relaxed md:text-base",
-                getTextColor(background, "muted"),
                 integration.descriptionClassName
               ),
               children: integration.description
@@ -27564,8 +27534,7 @@ function FeatureIntegrationCards({
         ] })
       ] });
       const cardClasses = cn(
-        "flex flex-col gap-5 rounded-xl border p-6 transition-all duration-300",
-        getBorderColor(background),
+        "flex flex-col gap-5 rounded-xl border p-6 transition-all duration-300 bg-card card-text-foreground",
         "hover:shadow-lg",
         cardClassName,
         integration.className
@@ -27583,7 +27552,7 @@ function FeatureIntegrationCards({
       }
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cardClasses, children: cardContent }, index);
     });
-  }, [integrationsSlot, integrations, cardClassName, renderIntegrationIcon, renderLinkLabel, background]);
+  }, [integrationsSlot, integrations, cardClassName, renderIntegrationIcon]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
@@ -27595,11 +27564,47 @@ function FeatureIntegrationCards({
       className,
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto mb-12 flex max-w-3xl flex-col items-center gap-4 text-center", headerClassName), children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl font-semibold md:text-4xl", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-3xl font-semibold md:text-4xl", titleClassName), children: title })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }))
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-6 sm:grid-cols-2 lg:grid-cols-4", gridClassName), children: integrationsContent })
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto mb-12 flex max-w-3xl flex-col items-center gap-4 text-center",
+              headerClassName
+            ),
+            children: [
+              title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-semibold md:text-4xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-3xl font-semibold md:text-4xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              )),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(descriptionClassName), children: description }))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "grid gap-6 sm:grid-cols-2 lg:grid-cols-4",
+              gridClassName
+            ),
+            children: integrationsContent
+          }
+        )
       ]
     }
   );
@@ -44099,7 +44104,7 @@ function FooterNewsletterContact({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-x-16 gap-y-8 md:grid-cols-2 xl:grid-cols-4", children: [
-          (newsletterTitle || newsletterDescription || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          formConfig?.token && (newsletterTitle || newsletterDescription || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
             newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-3xl font-medium font-serif leading-none", children: newsletterTitle }),
             newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-light leading-normal", children: newsletterDescription }),
             /* @__PURE__ */ jsxRuntime.jsxs(
@@ -44538,43 +44543,45 @@ function FooterAccordionSocial({
                 optixFlowConfig
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: newsletterDescription })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              forms.Form,
-              {
-                form,
-                action: formConfig?.endpoint,
-                method: formMethod,
-                className: "flex gap-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    TextInput,
-                    {
-                      ...field,
-                      type: "email",
-                      placeholder: "Email Address",
-                      error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-                      "aria-label": "Email Address"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Pressable,
-                    {
-                      componentType: "button",
-                      type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-                      asButton: false,
-                      disabled: form.isSubmitting,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-                    }
-                  )
-                ]
-              }
-            )
+            formConfig?.token && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: newsletterDescription })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                forms.Form,
+                {
+                  form,
+                  action: formConfig?.endpoint,
+                  method: formMethod,
+                  className: "flex gap-2",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
+                      TextInput,
+                      {
+                        ...field,
+                        type: "email",
+                        placeholder: "Email Address",
+                        error: meta.touched && !!meta.error,
+                        className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                        "aria-label": "Email Address"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        componentType: "button",
+                        type: "submit",
+                        className: "inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+                        asButton: false,
+                        disabled: form.isSubmitting,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
           ] }),
           footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-16 gap-y-8 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-lg font-bold", children: section.title }),

package/dist/registry.js

@@ -24455,7 +24455,7 @@ function FooterNewsletterMinimal({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
-          /* @__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: [
+          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,
@@ -27425,66 +27425,39 @@ function FeatureIntegrationCards({
   patternOpacity,
   patternClassName
 }) {
-  const renderIntegrationIcon = useCallback((integration) => {
-    if (integration.iconSlot) return integration.iconSlot;
-    if (!integration.icon) return null;
-    return /* @__PURE__ */ jsx(
-      Img,
-      {
-        src: integration.icon,
-        alt: integration.iconAlt || (typeof integration.title === "string" ? integration.title : "Integration icon"),
-        className: cn("h-auto w-7", integration.iconClassName),
-        loading: "lazy",
-        optixFlowConfig
-      }
-    );
-  }, [optixFlowConfig]);
-  const renderLinkLabel = useCallback((integration) => {
-    if (integration.linkLabelSlot) return integration.linkLabelSlot;
-    if (!integration.linkLabel) return null;
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: cn(
-          "flex items-center gap-1.5 rounded-full border px-3 py-2 text-sm font-medium transition-colors",
-          getBorderColor(background),
-          getAccentColor(background),
-          integration.linkLabelClassName
-        ),
-        children: [
-          integration.linkLabel,
-          /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 14 })
-        ]
-      }
-    );
-  }, [background]);
+  const renderIntegrationIcon = useCallback(
+    (integration) => {
+      if (integration.iconSlot) return integration.iconSlot;
+      if (!integration.icon) return null;
+      return /* @__PURE__ */ jsx(
+        Img,
+        {
+          src: integration.icon,
+          alt: integration.iconAlt || (typeof integration.title === "string" ? integration.title : "Integration icon"),
+          className: cn(
+            "min-h-12 h-auto w-auto object-contain",
+            integration.iconClassName
+          ),
+          loading: "lazy",
+          optixFlowConfig
+        }
+      );
+    },
+    [optixFlowConfig]
+  );
   const integrationsContent = useMemo(() => {
     if (integrationsSlot) return integrationsSlot;
     if (!integrations || integrations.length === 0) return null;
     return integrations.map((integration, index) => {
       const iconContent = renderIntegrationIcon(integration);
-      const linkLabelContent = renderLinkLabel(integration);
       const cardContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          iconContent && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "grid size-12 shrink-0 place-content-center rounded-lg border bg-background/50",
-                getBorderColor(background)
-              ),
-              children: iconContent
-            }
-          ),
-          linkLabelContent
-        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-start gap-2 justify-between", children: iconContent && /* @__PURE__ */ jsx("div", { className: cn("flex"), children: iconContent }) }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
           integration.title && (typeof integration.title === "string" ? /* @__PURE__ */ jsx(
             "h3",
             {
               className: cn(
                 "font-semibold md:text-lg",
-                getTextColor(background),
                 integration.titleClassName
               ),
               children: integration.title
@@ -27494,7 +27467,6 @@ function FeatureIntegrationCards({
             {
               className: cn(
                 "font-semibold md:text-lg",
-                getTextColor(background),
                 integration.titleClassName
               ),
               children: integration.title
@@ -27505,7 +27477,6 @@ function FeatureIntegrationCards({
             {
               className: cn(
                 "text-sm leading-relaxed md:text-base",
-                getTextColor(background, "muted"),
                 integration.descriptionClassName
               ),
               children: integration.description
@@ -27515,7 +27486,6 @@ function FeatureIntegrationCards({
             {
               className: cn(
                 "text-sm leading-relaxed md:text-base",
-                getTextColor(background, "muted"),
                 integration.descriptionClassName
               ),
               children: integration.description
@@ -27524,8 +27494,7 @@ function FeatureIntegrationCards({
         ] })
       ] });
       const cardClasses = cn(
-        "flex flex-col gap-5 rounded-xl border p-6 transition-all duration-300",
-        getBorderColor(background),
+        "flex flex-col gap-5 rounded-xl border p-6 transition-all duration-300 bg-card card-text-foreground",
         "hover:shadow-lg",
         cardClassName,
         integration.className
@@ -27543,7 +27512,7 @@ function FeatureIntegrationCards({
       }
       return /* @__PURE__ */ jsx("div", { className: cardClasses, children: cardContent }, index);
     });
-  }, [integrationsSlot, integrations, cardClassName, renderIntegrationIcon, renderLinkLabel, background]);
+  }, [integrationsSlot, integrations, cardClassName, renderIntegrationIcon]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -27555,11 +27524,47 @@ function FeatureIntegrationCards({
       className,
       containerClassName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-12 flex max-w-3xl flex-col items-center gap-4 text-center", headerClassName), children: [
-          title && (typeof title === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-semibold md:text-4xl", titleClassName), children: title }) : /* @__PURE__ */ jsx("div", { className: cn("text-3xl font-semibold md:text-4xl", titleClassName), children: title })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn(getTextColor(background, "muted"), descriptionClassName), children: description }))
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("grid gap-6 sm:grid-cols-2 lg:grid-cols-4", gridClassName), children: integrationsContent })
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mx-auto mb-12 flex max-w-3xl flex-col items-center gap-4 text-center",
+              headerClassName
+            ),
+            children: [
+              title && (typeof title === "string" ? /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: cn(
+                    "text-3xl font-semibold md:text-4xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "text-3xl font-semibold md:text-4xl",
+                    titleClassName
+                  ),
+                  children: title
+                }
+              )),
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn(descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn(descriptionClassName), children: description }))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "grid gap-6 sm:grid-cols-2 lg:grid-cols-4",
+              gridClassName
+            ),
+            children: integrationsContent
+          }
+        )
       ]
     }
   );
@@ -44059,7 +44064,7 @@ function FooterNewsletterContact({
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-x-16 gap-y-8 md:grid-cols-2 xl:grid-cols-4", children: [
-          (newsletterTitle || newsletterDescription || newsletterButtonText) && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          formConfig?.token && (newsletterTitle || newsletterDescription || newsletterButtonText) && /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
             newsletterTitle && /* @__PURE__ */ jsx("h3", { className: "text-3xl font-medium font-serif leading-none", children: newsletterTitle }),
             newsletterDescription && /* @__PURE__ */ jsx("p", { className: "font-light leading-normal", children: newsletterDescription }),
             /* @__PURE__ */ jsxs(
@@ -44498,43 +44503,45 @@ function FooterAccordionSocial({
                 optixFlowConfig
               }
             ),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
-              /* @__PURE__ */ jsx("p", { className: "opacity-80", children: newsletterDescription })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              Form,
-              {
-                form,
-                action: formConfig?.endpoint,
-                method: formMethod,
-                className: "flex gap-2",
-                children: [
-                  /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsx(
-                    TextInput,
-                    {
-                      ...field,
-                      type: "email",
-                      placeholder: "Email Address",
-                      error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-                      "aria-label": "Email Address"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(
-                    Pressable,
-                    {
-                      componentType: "button",
-                      type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-                      asButton: false,
-                      disabled: form.isSubmitting,
-                      children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
-                    }
-                  )
-                ]
-              }
-            )
+            formConfig?.token && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
+                /* @__PURE__ */ jsx("p", { className: "opacity-80", children: newsletterDescription })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Form,
+                {
+                  form,
+                  action: formConfig?.endpoint,
+                  method: formMethod,
+                  className: "flex gap-2",
+                  children: [
+                    /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        ...field,
+                        type: "email",
+                        placeholder: "Email Address",
+                        error: meta.touched && !!meta.error,
+                        className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                        "aria-label": "Email Address"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      Pressable,
+                      {
+                        componentType: "button",
+                        type: "submit",
+                        className: "inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+                        asButton: false,
+                        disabled: form.isSubmitting,
+                        children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
           ] }),
           footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-x-16 gap-y-8 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { className: "mb-4 text-lg font-bold", children: section.title }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",