@burdenoff/website-sdk 0.0.0-dev

package/dist/components/launch-countdown.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var react = require('react');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function splitRemaining(ms) {
+  const clamped = Math.max(0, ms);
+  const totalSeconds = Math.floor(clamped / 1e3);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor(totalSeconds % 86400 / 3600),
+    minutes: Math.floor(totalSeconds % 3600 / 60),
+    seconds: totalSeconds % 60
+  };
+}
+function padTwo(n) {
+  return String(n).padStart(2, "0");
+}
+function LaunchCountdown({
+  launchDate,
+  launchLabel,
+  launchedMessage = "We have launched!",
+  className
+}) {
+  const [now, setNow] = react.useState(() => Date.now());
+  const remainingMs = launchDate - now;
+  const hasLaunched = remainingMs <= 0;
+  react.useEffect(() => {
+    if (hasLaunched) return;
+    const interval = setInterval(() => {
+      setNow(Date.now());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [hasLaunched]);
+  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);
+  const cells = [
+    { label: "Days", value: padTwo(Math.min(days, 99)) },
+    { label: "Hours", value: padTwo(hours) },
+    { label: "Minutes", value: padTwo(minutes) },
+    { label: "Seconds", value: padTwo(seconds) }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("inline-flex flex-col gap-3", className),
+      role: "timer",
+      "aria-label": launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`),
+      children: [
+        !hasLaunched && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-mono uppercase tracking-wider text-muted-foreground", children: "Launching in" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 sm:gap-3", children: hasLaunched ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4",
+              "text-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Rocket, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-foreground", children: launchedMessage })
+            ]
+          }
+        ) : cells.map((cell) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl", children: cell.value }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs", children: cell.label })
+            ]
+          },
+          cell.label
+        )) }),
+        !hasLaunched && launchLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: launchLabel })
+      ]
+    }
+  );
+}
+
+exports.LaunchCountdown = LaunchCountdown;
+//# sourceMappingURL=launch-countdown.js.map
+//# sourceMappingURL=launch-countdown.js.map

package/dist/components/launch-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/launch-countdown.tsx"],"names":["twMerge","clsx","useState","useEffect","jsxs","jsx","Rocket"],"mappings":"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","file":"launch-countdown.js","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * LaunchCountdown Component\n *\n * Reusable countdown timer counting down to a `launchDate` (epoch ms). Renders\n * a fixed-size grid of days / hours / minutes / seconds and flips to a\n * \"Launched\" message once the moment passes. Uses semantic theme tokens so it\n * works in light, dark, and high-contrast themes.\n *\n * @example\n * ```tsx\n * import { LaunchCountdown } from '@burdenoff/website-sdk'\n *\n * <LaunchCountdown launchDate={Date.UTC(2026, 7, 15, 0, 0, 0)} />\n * ```\n */\n\nimport { useEffect, useState } from \"react\";\n\nimport { Rocket } from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LaunchCountdownProps {\n  /** Launch moment as epoch milliseconds. */\n  launchDate: number;\n  /** Optional accessible label describing the launch moment. */\n  launchLabel?: string;\n  /** Message shown once the countdown reaches zero. */\n  launchedMessage?: string;\n  /** Optional additional CSS class for the outer container. */\n  className?: string;\n}\n\ninterface Remaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction splitRemaining(ms: number): Remaining {\n  const clamped = Math.max(0, ms);\n  const totalSeconds = Math.floor(clamped / 1000);\n  return {\n    days: Math.floor(totalSeconds / 86400),\n    hours: Math.floor((totalSeconds % 86400) / 3600),\n    minutes: Math.floor((totalSeconds % 3600) / 60),\n    seconds: totalSeconds % 60,\n  };\n}\n\nfunction padTwo(n: number): string {\n  return String(n).padStart(2, \"0\");\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LaunchCountdown({\n  launchDate,\n  launchLabel,\n  launchedMessage = \"We have launched!\",\n  className,\n}: LaunchCountdownProps) {\n  const [now, setNow] = useState(() => Date.now());\n  const remainingMs = launchDate - now;\n  const hasLaunched = remainingMs <= 0;\n\n  useEffect(() => {\n    if (hasLaunched) return;\n\n    const interval = setInterval(() => {\n      setNow(Date.now());\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [hasLaunched]);\n\n  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);\n\n  const cells: Array<{ label: string; value: string }> = [\n    { label: \"Days\", value: padTwo(Math.min(days, 99)) },\n    { label: \"Hours\", value: padTwo(hours) },\n    { label: \"Minutes\", value: padTwo(minutes) },\n    { label: \"Seconds\", value: padTwo(seconds) },\n  ];\n\n  return (\n    <div\n      className={cn(\"inline-flex flex-col gap-3\", className)}\n      role=\"timer\"\n      aria-label={\n        launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`)\n      }\n    >\n      {!hasLaunched && (\n        <span className=\"text-xs font-mono uppercase tracking-wider text-muted-foreground\">\n          Launching in\n        </span>\n      )}\n\n      <div className=\"flex gap-2 sm:gap-3\">\n        {hasLaunched ? (\n          <div\n            className={cn(\n              \"flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4\",\n              \"text-center\",\n            )}\n          >\n            <Rocket className=\"h-5 w-5 text-primary\" aria-hidden=\"true\" />\n            <span className=\"text-lg font-semibold text-foreground\">\n              {launchedMessage}\n            </span>\n          </div>\n        ) : (\n          cells.map((cell) => (\n            <div\n              key={cell.label}\n              className={cn(\n                \"flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3\",\n              )}\n            >\n              <span className=\"font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl\">\n                {cell.value}\n              </span>\n              <span className=\"mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs\">\n                {cell.label}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n\n      {!hasLaunched && launchLabel && (\n        <span className=\"text-sm text-muted-foreground\">{launchLabel}</span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/launch-countdown.mjs

@@ -0,0 +1,87 @@
+import { useState, useEffect } from 'react';
+import { Rocket } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function splitRemaining(ms) {
+  const clamped = Math.max(0, ms);
+  const totalSeconds = Math.floor(clamped / 1e3);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor(totalSeconds % 86400 / 3600),
+    minutes: Math.floor(totalSeconds % 3600 / 60),
+    seconds: totalSeconds % 60
+  };
+}
+function padTwo(n) {
+  return String(n).padStart(2, "0");
+}
+function LaunchCountdown({
+  launchDate,
+  launchLabel,
+  launchedMessage = "We have launched!",
+  className
+}) {
+  const [now, setNow] = useState(() => Date.now());
+  const remainingMs = launchDate - now;
+  const hasLaunched = remainingMs <= 0;
+  useEffect(() => {
+    if (hasLaunched) return;
+    const interval = setInterval(() => {
+      setNow(Date.now());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [hasLaunched]);
+  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);
+  const cells = [
+    { label: "Days", value: padTwo(Math.min(days, 99)) },
+    { label: "Hours", value: padTwo(hours) },
+    { label: "Minutes", value: padTwo(minutes) },
+    { label: "Seconds", value: padTwo(seconds) }
+  ];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("inline-flex flex-col gap-3", className),
+      role: "timer",
+      "aria-label": launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`),
+      children: [
+        !hasLaunched && /* @__PURE__ */ jsx("span", { className: "text-xs font-mono uppercase tracking-wider text-muted-foreground", children: "Launching in" }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2 sm:gap-3", children: hasLaunched ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4",
+              "text-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Rocket, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-foreground", children: launchedMessage })
+            ]
+          }
+        ) : cells.map((cell) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl", children: cell.value }),
+              /* @__PURE__ */ jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs", children: cell.label })
+            ]
+          },
+          cell.label
+        )) }),
+        !hasLaunched && launchLabel && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: launchLabel })
+      ]
+    }
+  );
+}
+
+export { LaunchCountdown };
+//# sourceMappingURL=launch-countdown.mjs.map
+//# sourceMappingURL=launch-countdown.mjs.map

package/dist/components/launch-countdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/launch-countdown.tsx"],"names":[],"mappings":"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","file":"launch-countdown.mjs","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * LaunchCountdown Component\n *\n * Reusable countdown timer counting down to a `launchDate` (epoch ms). Renders\n * a fixed-size grid of days / hours / minutes / seconds and flips to a\n * \"Launched\" message once the moment passes. Uses semantic theme tokens so it\n * works in light, dark, and high-contrast themes.\n *\n * @example\n * ```tsx\n * import { LaunchCountdown } from '@burdenoff/website-sdk'\n *\n * <LaunchCountdown launchDate={Date.UTC(2026, 7, 15, 0, 0, 0)} />\n * ```\n */\n\nimport { useEffect, useState } from \"react\";\n\nimport { Rocket } from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LaunchCountdownProps {\n  /** Launch moment as epoch milliseconds. */\n  launchDate: number;\n  /** Optional accessible label describing the launch moment. */\n  launchLabel?: string;\n  /** Message shown once the countdown reaches zero. */\n  launchedMessage?: string;\n  /** Optional additional CSS class for the outer container. */\n  className?: string;\n}\n\ninterface Remaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction splitRemaining(ms: number): Remaining {\n  const clamped = Math.max(0, ms);\n  const totalSeconds = Math.floor(clamped / 1000);\n  return {\n    days: Math.floor(totalSeconds / 86400),\n    hours: Math.floor((totalSeconds % 86400) / 3600),\n    minutes: Math.floor((totalSeconds % 3600) / 60),\n    seconds: totalSeconds % 60,\n  };\n}\n\nfunction padTwo(n: number): string {\n  return String(n).padStart(2, \"0\");\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LaunchCountdown({\n  launchDate,\n  launchLabel,\n  launchedMessage = \"We have launched!\",\n  className,\n}: LaunchCountdownProps) {\n  const [now, setNow] = useState(() => Date.now());\n  const remainingMs = launchDate - now;\n  const hasLaunched = remainingMs <= 0;\n\n  useEffect(() => {\n    if (hasLaunched) return;\n\n    const interval = setInterval(() => {\n      setNow(Date.now());\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [hasLaunched]);\n\n  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);\n\n  const cells: Array<{ label: string; value: string }> = [\n    { label: \"Days\", value: padTwo(Math.min(days, 99)) },\n    { label: \"Hours\", value: padTwo(hours) },\n    { label: \"Minutes\", value: padTwo(minutes) },\n    { label: \"Seconds\", value: padTwo(seconds) },\n  ];\n\n  return (\n    <div\n      className={cn(\"inline-flex flex-col gap-3\", className)}\n      role=\"timer\"\n      aria-label={\n        launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`)\n      }\n    >\n      {!hasLaunched && (\n        <span className=\"text-xs font-mono uppercase tracking-wider text-muted-foreground\">\n          Launching in\n        </span>\n      )}\n\n      <div className=\"flex gap-2 sm:gap-3\">\n        {hasLaunched ? (\n          <div\n            className={cn(\n              \"flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4\",\n              \"text-center\",\n            )}\n          >\n            <Rocket className=\"h-5 w-5 text-primary\" aria-hidden=\"true\" />\n            <span className=\"text-lg font-semibold text-foreground\">\n              {launchedMessage}\n            </span>\n          </div>\n        ) : (\n          cells.map((cell) => (\n            <div\n              key={cell.label}\n              className={cn(\n                \"flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3\",\n              )}\n            >\n              <span className=\"font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl\">\n                {cell.value}\n              </span>\n              <span className=\"mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs\">\n                {cell.label}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n\n      {!hasLaunched && launchLabel && (\n        <span className=\"text-sm text-muted-foreground\">{launchLabel}</span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/newsletter.d.mts

@@ -0,0 +1,155 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Newsletter Component
+ * Reusable newsletter subscription component with email validation and rate limiting.
+ * Uses GraphQL mutations via the WebSDKClient provider.
+ *
+ * @example
+ * ```tsx
+ * import { NewsletterPage } from '@burdenoff/website-sdk/components/newsletter'
+ *
+ * function Newsletter() {
+ *   return (
+ *     <NewsletterPage
+ *       productName="BigConsole"
+ *       layout="centered"
+ *       seoTitle="Subscribe to Newsletter"
+ *       seoDescription="Stay updated with our latest news"
+ *       seoKeywords="newsletter, updates, news"
+ *     />
+ *   )
+ * }
+ * ```
+ */
+/**
+ * Newsletter page component configuration props
+ */
+interface NewsletterPageProps {
+    /**
+     * Product name (used in title and branding).
+     * Falls back to SDK config productId if not provided.
+     */
+    productName?: string;
+    /**
+     * Layout variant
+     * @default 'centered'
+     */
+    layout?: "centered" | "split";
+    /**
+     * Rate limit attempts
+     * @default 3
+     */
+    rateLimitAttempts?: number;
+    /**
+     * Rate limit window in minutes
+     * @default 15
+     */
+    rateLimitWindowMinutes?: number;
+    /**
+     * Hero section heading
+     * @default 'Stay Updated'
+     */
+    heroHeading?: string;
+    /**
+     * Hero section subtitle
+     * @default 'Subscribe to our newsletter'
+     */
+    heroSubtitle?: string;
+    /**
+     * Hero section description
+     */
+    heroDescription?: string;
+    /**
+     * Features to display (for split layout)
+     */
+    features?: Array<{
+        icon: React.ReactNode;
+        title: string;
+        description: string;
+    }>;
+    /**
+     * Success message after subscription
+     * @default 'Successfully subscribed to newsletter!'
+     */
+    successMessage?: string;
+    /**
+     * Error message on failure
+     * @default 'Failed to subscribe. Please try again.'
+     */
+    errorMessage?: string;
+    /**
+     * Rate limit error message
+     */
+    rateLimitMessage?: string;
+    /**
+     * Custom CSS class for container
+     */
+    className?: string;
+    /**
+     * SEO: Page title (optional, for SEO meta tags)
+     */
+    seoTitle?: string;
+    /**
+     * SEO: Page description (optional, for SEO meta tags)
+     */
+    seoDescription?: string;
+    /**
+     * SEO: Keywords (optional, for SEO meta tags)
+     */
+    seoKeywords?: string;
+    /**
+     * SEO: OG Image URL (optional, for SEO meta tags)
+     */
+    seoImage?: string;
+    /**
+     * SEO: Canonical URL (optional, for SEO meta tags)
+     */
+    seoUrl?: string;
+    /**
+     * reCAPTCHA site key (optional, falls back to SDK config)
+     */
+    recaptchaSiteKey?: string;
+}
+declare function NewsletterPage({ productName, layout, rateLimitAttempts, rateLimitWindowMinutes, heroHeading, heroSubtitle, heroDescription, features, successMessage, errorMessage, rateLimitMessage, className, seoTitle, seoDescription, seoKeywords, seoImage, seoUrl, recaptchaSiteKey, }: NewsletterPageProps): react_jsx_runtime.JSX.Element;
+interface NewsletterFormProps {
+    /**
+     * Layout variant
+     * @default 'inline'
+     */
+    variant?: "inline" | "stacked";
+    /**
+     * Show email label
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Show description text
+     * @default false
+     */
+    showDescription?: boolean;
+    /**
+     * Description text
+     * @default 'Subscribe to our newsletter for updates'
+     */
+    description?: string;
+    /**
+     * Button text
+     * @default 'Subscribe'
+     */
+    buttonText?: string;
+    /**
+     * Custom CSS class
+     */
+    className?: string;
+    /**
+     * reCAPTCHA site key (optional, falls back to SDK config)
+     */
+    recaptchaSiteKey?: string;
+}
+/**
+ * Lightweight newsletter subscription form for inline use (e.g., footers)
+ */
+declare function NewsletterForm({ variant, showLabel, showDescription, description, buttonText, className, recaptchaSiteKey, }: NewsletterFormProps): react_jsx_runtime.JSX.Element;
+
+export { NewsletterForm, type NewsletterFormProps, NewsletterPage, type NewsletterPageProps };

package/dist/components/newsletter.d.ts

@@ -0,0 +1,155 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Newsletter Component
+ * Reusable newsletter subscription component with email validation and rate limiting.
+ * Uses GraphQL mutations via the WebSDKClient provider.
+ *
+ * @example
+ * ```tsx
+ * import { NewsletterPage } from '@burdenoff/website-sdk/components/newsletter'
+ *
+ * function Newsletter() {
+ *   return (
+ *     <NewsletterPage
+ *       productName="BigConsole"
+ *       layout="centered"
+ *       seoTitle="Subscribe to Newsletter"
+ *       seoDescription="Stay updated with our latest news"
+ *       seoKeywords="newsletter, updates, news"
+ *     />
+ *   )
+ * }
+ * ```
+ */
+/**
+ * Newsletter page component configuration props
+ */
+interface NewsletterPageProps {
+    /**
+     * Product name (used in title and branding).
+     * Falls back to SDK config productId if not provided.
+     */
+    productName?: string;
+    /**
+     * Layout variant
+     * @default 'centered'
+     */
+    layout?: "centered" | "split";
+    /**
+     * Rate limit attempts
+     * @default 3
+     */
+    rateLimitAttempts?: number;
+    /**
+     * Rate limit window in minutes
+     * @default 15
+     */
+    rateLimitWindowMinutes?: number;
+    /**
+     * Hero section heading
+     * @default 'Stay Updated'
+     */
+    heroHeading?: string;
+    /**
+     * Hero section subtitle
+     * @default 'Subscribe to our newsletter'
+     */
+    heroSubtitle?: string;
+    /**
+     * Hero section description
+     */
+    heroDescription?: string;
+    /**
+     * Features to display (for split layout)
+     */
+    features?: Array<{
+        icon: React.ReactNode;
+        title: string;
+        description: string;
+    }>;
+    /**
+     * Success message after subscription
+     * @default 'Successfully subscribed to newsletter!'
+     */
+    successMessage?: string;
+    /**
+     * Error message on failure
+     * @default 'Failed to subscribe. Please try again.'
+     */
+    errorMessage?: string;
+    /**
+     * Rate limit error message
+     */
+    rateLimitMessage?: string;
+    /**
+     * Custom CSS class for container
+     */
+    className?: string;
+    /**
+     * SEO: Page title (optional, for SEO meta tags)
+     */
+    seoTitle?: string;
+    /**
+     * SEO: Page description (optional, for SEO meta tags)
+     */
+    seoDescription?: string;
+    /**
+     * SEO: Keywords (optional, for SEO meta tags)
+     */
+    seoKeywords?: string;
+    /**
+     * SEO: OG Image URL (optional, for SEO meta tags)
+     */
+    seoImage?: string;
+    /**
+     * SEO: Canonical URL (optional, for SEO meta tags)
+     */
+    seoUrl?: string;
+    /**
+     * reCAPTCHA site key (optional, falls back to SDK config)
+     */
+    recaptchaSiteKey?: string;
+}
+declare function NewsletterPage({ productName, layout, rateLimitAttempts, rateLimitWindowMinutes, heroHeading, heroSubtitle, heroDescription, features, successMessage, errorMessage, rateLimitMessage, className, seoTitle, seoDescription, seoKeywords, seoImage, seoUrl, recaptchaSiteKey, }: NewsletterPageProps): react_jsx_runtime.JSX.Element;
+interface NewsletterFormProps {
+    /**
+     * Layout variant
+     * @default 'inline'
+     */
+    variant?: "inline" | "stacked";
+    /**
+     * Show email label
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Show description text
+     * @default false
+     */
+    showDescription?: boolean;
+    /**
+     * Description text
+     * @default 'Subscribe to our newsletter for updates'
+     */
+    description?: string;
+    /**
+     * Button text
+     * @default 'Subscribe'
+     */
+    buttonText?: string;
+    /**
+     * Custom CSS class
+     */
+    className?: string;
+    /**
+     * reCAPTCHA site key (optional, falls back to SDK config)
+     */
+    recaptchaSiteKey?: string;
+}
+/**
+ * Lightweight newsletter subscription form for inline use (e.g., footers)
+ */
+declare function NewsletterForm({ variant, showLabel, showDescription, description, buttonText, className, recaptchaSiteKey, }: NewsletterFormProps): react_jsx_runtime.JSX.Element;
+
+export { NewsletterForm, type NewsletterFormProps, NewsletterPage, type NewsletterPageProps };