@m13v/seo-components 0.31.3 → 0.31.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m13v/seo-components",
-  "version": "0.31.3",
+  "version": "0.31.4",
   "scripts": {
     "build:css": "tailwind -i src/_build.css -o dist/styles.css --minify",
     "lint:mobile-spans": "node scripts/lint-mobile-spans.mjs",

package/src/components/BookCallCTA.tsx

@@ -43,6 +43,13 @@ export interface BookCallCTAProps {
    * redirected to Cal/Calendly immediately without a confirmation.
    */
   successMessage?: string;
+  /**
+   * Render a custom trigger element instead of the default button. Receives
+   * an `onClick` handler that opens the inline email form. Only honored by
+   * `appearance="hero"` (the click-to-expand variant). Other appearances are
+   * already standalone cards/forms that don't have a separable trigger.
+   */
+  renderTrigger?: (props: { onClick: () => void; disabled?: boolean }) => React.ReactNode;
 }
 
 export function BookCallCTA(props: BookCallCTAProps) {
@@ -281,6 +288,7 @@ function HeroBookCall({
   endpoint = "/api/book-call",
   emailPlaceholder = "you@example.com",
   submitLabel,
+  renderTrigger,
 }: BookCallCTAProps & {
   text: string;
   section: string;
@@ -296,6 +304,9 @@ function HeroBookCall({
   });
 
   if (!open && gate.status !== "success") {
+    if (renderTrigger) {
+      return <>{renderTrigger({ onClick: () => setOpen(true) })}</>;
+    }
     return (
       <button
         type="button"