@orion-studios/cms 0.5.6 → 0.5.8

package/README.md

@@ -41,7 +41,14 @@ Requires Next.js (App Router), React 19, Zod 3. Supabase only in supabase mode.
 import { createCmsRoutes } from '@orion-studios/cms/server'
 import { registry } from '@/cms/registry'
 export const { GET, POST, PATCH, DELETE } = createCmsRoutes({
-  registry, syncToken: process.env.CMS_SYNC_TOKEN,
+  registry,
+  syncToken: process.env.CMS_SYNC_TOKEN,
+  cronToken: process.env.CRON_SECRET,
+  previewSecret: process.env.CMS_PREVIEW_SECRET,
+  previewKeyId: process.env.CMS_PREVIEW_KEY_ID,
+  analyticsSecret: process.env.CMS_ANALYTICS_HASH_SECRET,
+  autoReplyHashSecret: process.env.CMS_AUTO_REPLY_HASH_SECRET,
+  projectRef: process.env.CMS_EXPECTED_SUPABASE_PROJECT_REF,
 })
 
 // src/app/studio/page.tsx — the admin
@@ -75,10 +82,20 @@ own role, never delete yourself.
 | Variable | Where | Purpose |
 | --- | --- | --- |
 | `NEXT_PUBLIC_SUPABASE_URL` | local + Vercel | project URL (also selects supabase mode) |
-| `NEXT_PUBLIC_SUPABASE_ANON_KEY` | local + Vercel | public reads (RLS: published content only) |
-| `SUPABASE_SERVICE_ROLE_KEY` | local + Vercel | server-only; powers the API layer |
-| `DATABASE_URL` | local + Vercel | Postgres for bootstrap (use the transaction pooler on Vercel) |
+| `NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY` | local + Vercel | public reads (RLS: published content only) |
+| `SUPABASE_SECRET_KEY` | local + Vercel | server-only API access; the legacy service-role alias remains supported |
+| `CMS_EXPECTED_SUPABASE_PROJECT_REF` | local + Vercel | binds the project URL, server credential, previews, and operator database target |
+| `CMS_DATABASE_URL` | local operator only | direct or port 5432 session connection for bootstrap and migrations |
+| `CMS_EXPECTED_DATABASE_ROLE` | local operator only | dedicated CMS migration role with no `app` schema access |
+| `CMS_EXPECTED_DATABASE_NAME` | local operator only | exact database name required by the target guard |
+| `CMS_DATABASE_CONFIRMATION` | local operator only | exact redacted target-receipt hash required before database writes |
+| `CMS_PREVIEW_SECRET` | local + Vercel | signs short-lived, revocable preview grants |
+| `CMS_PREVIEW_KEY_ID` | local + Vercel | non-secret identifier bound into preview grants |
+| `CMS_PREVIEW_PREVIOUS_SECRET`, `CMS_PREVIEW_PREVIOUS_KEY_ID`, `CMS_PREVIEW_PREVIOUS_VALID_UNTIL` | local + Vercel | optional bounded preview-key rotation overlap |
+| `CMS_ANALYTICS_HASH_SECRET` | local + Vercel | hashes analytics session and visitor identifiers |
+| `CMS_AUTO_REPLY_HASH_SECRET` | local + Vercel | hashes form auto-reply rate-limit keys |
 | `CMS_SYNC_TOKEN` | local + Vercel | authorizes `POST /api/cms/sync` |
+| `CRON_SECRET` | local + Vercel | authorizes scheduled publication only |
 | `CMS_STATIC=true` | optional | static mode (no CMS) |
 | `CMS_MEMORY=true` | optional | force memory mode |
 

package/dist/analytics/react.d.ts

@@ -1,3 +1,5 @@
+declare const ANALYTICS_READY_EVENT = "orion-analytics-ready";
+
 /**
  * The site-side analytics tracker: small, first-party, and zero dependency.
  * Mount <Analytics /> once in the site layout. It captures:
@@ -50,4 +52,4 @@ declare function AnalyticsNotFound(): null;
 /** Programmatic tracking for custom site components. No-op when analytics is off. */
 declare function trackEvent(name: string, meta?: Record<string, unknown>): void;
 
-export { ANALYTICS_CONSENT_COOKIE, ANALYTICS_CONSENT_EVENT, ANALYTICS_VISITOR_COOKIE, Analytics, type AnalyticsConsent, AnalyticsNotFound, type AnalyticsProps, EXCLUDE_FLAG, getAnalyticsConsent, setAnalyticsConsent, trackEvent };
+export { ANALYTICS_CONSENT_COOKIE, ANALYTICS_CONSENT_EVENT, ANALYTICS_READY_EVENT, ANALYTICS_VISITOR_COOKIE, Analytics, type AnalyticsConsent, AnalyticsNotFound, type AnalyticsProps, EXCLUDE_FLAG, getAnalyticsConsent, setAnalyticsConsent, trackEvent };

package/dist/analytics/react.js

@@ -1,5 +1,8 @@
 'use client';
 "use client";
+import {
+  ANALYTICS_READY_EVENT
+} from "../chunk-DPKXKG2S.js";
 
 // src/analytics/react.tsx
 import { useEffect, useRef, useState } from "react";
@@ -105,6 +108,7 @@ function Analytics({
       track({ type, name, path: window.location.pathname, meta });
       if (type === "form" || type === "not_found") flush();
     };
+    window.dispatchEvent(new Event(ANALYTICS_READY_EVENT));
     const onClick = (event) => {
       const target = event.target;
       const tagged = target?.closest("[data-analytics]");
@@ -185,6 +189,7 @@ function trackEvent(name, meta) {
 export {
   ANALYTICS_CONSENT_COOKIE,
   ANALYTICS_CONSENT_EVENT,
+  ANALYTICS_READY_EVENT,
   ANALYTICS_VISITOR_COOKIE,
   Analytics,
   AnalyticsNotFound,

package/dist/chunk-DPKXKG2S.js

@@ -0,0 +1,8 @@
+'use client';
+
+// src/analytics/constants.ts
+var ANALYTICS_READY_EVENT = "orion-analytics-ready";
+
+export {
+  ANALYTICS_READY_EVENT
+};

package/dist/{chunk-AYV6KYDP.js → chunk-NSAZCP4I.js}

@@ -1,5 +1,21 @@
 // src/content/index.ts
 import { createClient } from "@supabase/supabase-js";
+
+// src/supabase-keys.ts
+var isServerSupabaseKey = (key) => {
+  if (key.startsWith("sb_secret_")) return true;
+  const payload = key.split(".")[1];
+  if (!payload) return false;
+  try {
+    const normalized = payload.replace(/-/g, "+").replace(/_/g, "/");
+    const decoded = JSON.parse(atob(normalized));
+    return decoded.role === "service_role";
+  } catch {
+    return false;
+  }
+};
+
+// src/content/index.ts
 var CONTENT_CACHE_TAG = "orion-content";
 var toPublicPage = (row) => ({
   id: String(row.id),
@@ -11,12 +27,15 @@ var toPublicPage = (row) => ({
 });
 function createContentClient(options = {}) {
   const supabaseUrl = options.supabaseUrl || process.env.NEXT_PUBLIC_SUPABASE_URL || process.env.SUPABASE_URL || "";
-  const anonKey = options.anonKey || process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || process.env.SUPABASE_ANON_KEY || process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY || process.env.SUPABASE_PUBLISHABLE_KEY || "";
+  const anonKey = options.anonKey || process.env.NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY || process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || process.env.SUPABASE_PUBLISHABLE_KEY || process.env.SUPABASE_ANON_KEY || "";
   if (!supabaseUrl || !anonKey) {
     throw new Error(
       "Orion CMS: NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY (or NEXT_PUBLIC_SUPABASE_PUBLISHABLE_KEY) must be set."
     );
   }
+  if (isServerSupabaseKey(anonKey)) {
+    throw new Error("Orion CMS: a Supabase server key cannot be used for public content reads.");
+  }
   const client = createClient(supabaseUrl, anonKey, {
     auth: { persistSession: false, autoRefreshToken: false }
   });

package/dist/{chunk-ULE565KD.js → chunk-Z52R6XR7.js}

@@ -1,7 +1,16 @@
 'use client';
+import {
+  ANALYTICS_READY_EVENT
+} from "./chunk-DPKXKG2S.js";
 
 // src/forms/react.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
 
 // src/forms/validation.ts
 var MAJOR_EMAIL_PROVIDERS = [
@@ -248,8 +257,135 @@ function getAutoReplyEmailFields(config) {
   return [...fieldTypes.entries()].filter(([, types]) => types.size === 1 && types.has("email")).map(([name]) => name);
 }
 
+// src/forms/funnel.ts
+var FORM_VIEW_MIN_VISIBLE_RATIO = 0.75;
+var FORM_VIEW_DWELL_MS = 2e3;
+function createFormFunnelSession(trackStage) {
+  const trackedStages = /* @__PURE__ */ new Set();
+  const trackOnce = (stage) => {
+    if (trackedStages.has(stage) || !trackStage(stage)) return false;
+    trackedStages.add(stage);
+    return true;
+  };
+  return {
+    hasViewed: () => trackedStages.has("viewed"),
+    trackStarted: () => trackOnce("start"),
+    trackViewed: () => trackOnce("viewed")
+  };
+}
+function isQualifiedFormVisibility(intersectionRatio, isIntersecting, visibilityState) {
+  return isIntersecting && intersectionRatio >= FORM_VIEW_MIN_VISIBLE_RATIO && visibilityState === "visible";
+}
+
 // src/forms/react.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+var analyticsTrack = () => window.__orionTrack;
+var isActionableFieldTarget = (target) => {
+  if (!(target instanceof Element)) return false;
+  const directField = target.closest("input, select, textarea");
+  const labelledField = target.closest("label")?.control;
+  const field = directField || labelledField;
+  if (!(field instanceof HTMLInputElement || field instanceof HTMLSelectElement || field instanceof HTMLTextAreaElement) || field.name === HONEYPOT_FIELD_NAME || field.disabled || "readOnly" in field && field.readOnly) {
+    return false;
+  }
+  return true;
+};
+function useFormFunnel(slug, options = {}) {
+  const { preview = false } = options;
+  const [attentionTarget, setAttentionTarget] = useState(null);
+  const visibleRef = useRef(false);
+  const timerRef = useRef(null);
+  const clearViewTimer = useCallback(() => {
+    if (timerRef.current === null) return;
+    window.clearTimeout(timerRef.current);
+    timerRef.current = null;
+  }, []);
+  const trackStage = useCallback(
+    (stage) => {
+      if (preview || typeof window === "undefined") return false;
+      const track = analyticsTrack();
+      if (!track) return false;
+      track("form", `${slug}:${stage}`);
+      return true;
+    },
+    [preview, slug]
+  );
+  const session = useMemo(() => createFormFunnelSession(trackStage), [trackStage]);
+  const trackViewed = useCallback(() => {
+    if (session.trackViewed()) clearViewTimer();
+  }, [clearViewTimer, session]);
+  const startViewTimer = useCallback(() => {
+    if (session.hasViewed() || timerRef.current !== null || !visibleRef.current || document.visibilityState !== "visible" || !analyticsTrack()) {
+      return;
+    }
+    timerRef.current = window.setTimeout(() => {
+      timerRef.current = null;
+      if (visibleRef.current && document.visibilityState === "visible") trackViewed();
+    }, FORM_VIEW_DWELL_MS);
+  }, [session, trackViewed]);
+  useEffect(() => {
+    visibleRef.current = false;
+    clearViewTimer();
+    if (preview || !attentionTarget || typeof IntersectionObserver === "undefined") return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        visibleRef.current = Boolean(
+          entry && entry.isIntersecting && entry.intersectionRatio >= FORM_VIEW_MIN_VISIBLE_RATIO
+        );
+        if (entry && isQualifiedFormVisibility(
+          entry.intersectionRatio,
+          entry.isIntersecting,
+          document.visibilityState
+        )) {
+          startViewTimer();
+        } else clearViewTimer();
+      },
+      { threshold: FORM_VIEW_MIN_VISIBLE_RATIO }
+    );
+    const onVisibilityChange = () => {
+      if (document.visibilityState !== "visible") {
+        clearViewTimer();
+        return;
+      }
+      if (visibleRef.current) startViewTimer();
+    };
+    const onAnalyticsReady = () => {
+      if (visibleRef.current) startViewTimer();
+    };
+    observer.observe(attentionTarget);
+    document.addEventListener("visibilitychange", onVisibilityChange);
+    window.addEventListener(ANALYTICS_READY_EVENT, onAnalyticsReady);
+    return () => {
+      observer.disconnect();
+      document.removeEventListener("visibilitychange", onVisibilityChange);
+      window.removeEventListener(ANALYTICS_READY_EVENT, onAnalyticsReady);
+      clearViewTimer();
+    };
+  }, [attentionTarget, clearViewTimer, preview, slug, startViewTimer]);
+  const onFieldPointerDownCapture = useCallback(
+    (event) => {
+      if (!event.nativeEvent.isTrusted || !isActionableFieldTarget(event.target)) return;
+      trackViewed();
+    },
+    [trackViewed]
+  );
+  const onFieldKeyDownCapture = useCallback(
+    (event) => {
+      if (!event.nativeEvent.isTrusted || !isActionableFieldTarget(event.target)) return;
+      trackViewed();
+    },
+    [trackViewed]
+  );
+  const trackStarted = useCallback(() => {
+    session.trackStarted();
+  }, [session]);
+  return {
+    attentionRef: setAttentionTarget,
+    onFieldKeyDownCapture,
+    onFieldPointerDownCapture,
+    trackStarted
+  };
+}
 var DEFAULT_CLASSES = {
   form: "ocf-form",
   field: "ocf-field",
@@ -291,26 +427,17 @@ function FormRenderer({
   const [state, setState] = useState("idle");
   const [honeypot, setHoneypot] = useState("");
   const renderedAt = useRef(Date.now());
-  const startedRef = useRef(false);
-  const funnel = (stage) => {
-    if (preview || typeof window === "undefined") return;
-    window.__orionTrack?.(
-      "form",
-      `${slug}:${stage}`
-    );
-  };
-  useEffect(() => {
-    const timer = setTimeout(() => funnel("view"), 100);
-    return () => clearTimeout(timer);
-  }, [slug]);
+  const {
+    attentionRef,
+    onFieldKeyDownCapture,
+    onFieldPointerDownCapture,
+    trackStarted
+  } = useFormFunnel(slug, { preview });
   useEffect(() => {
     setStepIndex((current) => Math.min(current, Math.max(steps.length - 1, 0)));
   }, [steps.length]);
   const setValue = (name, next, type) => {
-    if (!startedRef.current) {
-      startedRef.current = true;
-      funnel("start");
-    }
+    trackStarted();
     setValues((current) => ({
       ...current,
       [name]: type === "phone" && typeof next === "string" ? formatPhoneUS(next) : next
@@ -393,6 +520,7 @@ function FormRenderer({
   }
   const isLastStep = stepIndex >= steps.length - 1;
   const visibleSteps = steps.length > 0 ? [steps[stepIndex]] : [];
+  const firstActionableFieldKey = visibleSteps.flatMap((step) => step.fields || []).map((field, index) => ({ field, key: fieldKey(field, index) })).find(({ field }) => inferFieldType(field) !== "hidden")?.key;
   const renderField = (field, index) => {
     const name = fieldKey(field, index);
     const type = inferFieldType(field);
@@ -402,15 +530,23 @@ function FormRenderer({
     const id = `ocf-${slug}-${name}`;
     const value = values[name];
     if (type === "hidden") return null;
-    const wrap = (control) => /* @__PURE__ */ jsxs("div", { className: `${cls.field}${error ? ` ${cls.fieldError}` : ""}`, children: [
-      type !== "checkbox" || options.length > 0 ? /* @__PURE__ */ jsxs("label", { className: cls.label, htmlFor: id, children: [
-        label,
-        field.required ? " *" : ""
-      ] }) : null,
-      control,
-      field.help ? /* @__PURE__ */ jsx("p", { className: "ocf-help", children: field.help }) : null,
-      error ? /* @__PURE__ */ jsx("p", { className: cls.errorText, role: "alert", children: error }) : null
-    ] }, name);
+    const wrap = (control) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${cls.field}${error ? ` ${cls.fieldError}` : ""}`,
+        ref: name === firstActionableFieldKey ? attentionRef : void 0,
+        children: [
+          type !== "checkbox" || options.length > 0 ? /* @__PURE__ */ jsxs("label", { className: cls.label, htmlFor: id, children: [
+            label,
+            field.required ? " *" : ""
+          ] }) : null,
+          control,
+          field.help ? /* @__PURE__ */ jsx("p", { className: "ocf-help", children: field.help }) : null,
+          error ? /* @__PURE__ */ jsx("p", { className: cls.errorText, role: "alert", children: error }) : null
+        ]
+      },
+      name
+    );
     if (type === "textarea") {
       return wrap(
         /* @__PURE__ */ jsx(
@@ -480,22 +616,30 @@ function FormRenderer({
       );
     }
     if (type === "checkbox") {
-      return /* @__PURE__ */ jsxs("div", { className: `${cls.field}${error ? ` ${cls.fieldError}` : ""}`, children: [
-        /* @__PURE__ */ jsxs("label", { className: cls.checkbox, htmlFor: id, children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              checked: value === true,
-              id,
-              onChange: (event) => setValue(name, event.target.checked, type),
-              type: "checkbox"
-            }
-          ),
-          label,
-          field.required ? " *" : ""
-        ] }),
-        error ? /* @__PURE__ */ jsx("p", { className: cls.errorText, role: "alert", children: error }) : null
-      ] }, name);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${cls.field}${error ? ` ${cls.fieldError}` : ""}`,
+          ref: name === firstActionableFieldKey ? attentionRef : void 0,
+          children: [
+            /* @__PURE__ */ jsxs("label", { className: cls.checkbox, htmlFor: id, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  checked: value === true,
+                  id,
+                  onChange: (event) => setValue(name, event.target.checked, type),
+                  type: "checkbox"
+                }
+              ),
+              label,
+              field.required ? " *" : ""
+            ] }),
+            error ? /* @__PURE__ */ jsx("p", { className: cls.errorText, role: "alert", children: error }) : null
+          ]
+        },
+        name
+      );
     }
     const inputType = type === "email" ? "email" : type === "date" ? "date" : type === "number" ? "text" : "text";
     const inputMode = type === "phone" ? "tel" : type === "email" ? "email" : type === "number" ? "decimal" : void 0;
@@ -514,40 +658,51 @@ function FormRenderer({
       )
     );
   };
-  return /* @__PURE__ */ jsxs("form", { className: cls.form, noValidate: true, onSubmit: submit, children: [
-    title,
-    intro,
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        "aria-hidden": "true",
-        autoComplete: "off",
-        className: "ocf-honeypot",
-        name: HONEYPOT_FIELD_NAME,
-        onChange: (event) => setHoneypot(event.target.value),
-        style: { position: "absolute", left: "-9999px", height: 0, width: 0, opacity: 0 },
-        tabIndex: -1,
-        value: honeypot
-      }
-    ),
-    steps.length > 1 ? /* @__PURE__ */ jsxs("p", { className: cls.stepTitle, children: [
-      "Step ",
-      stepIndex + 1,
-      " of ",
-      steps.length,
-      steps[stepIndex]?.title ? ` \u2014 ${steps[stepIndex].title}` : ""
-    ] }) : null,
-    visibleSteps.map((step) => (step.fields || []).map(renderField)),
-    state === "error" ? /* @__PURE__ */ jsx("p", { className: cls.formError, role: "alert", children: "The request could not be sent. Please try again." }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "ocf-actions", children: [
-      steps.length > 1 && stepIndex > 0 ? /* @__PURE__ */ jsx("button", { className: cls.button, onClick: () => setStepIndex(stepIndex - 1), type: "button", children: "Back" }) : null,
-      !isLastStep ? /* @__PURE__ */ jsx("button", { className: cls.button, onClick: nextStep, type: "button", children: "Next" }) : /* @__PURE__ */ jsx("button", { className: cls.button, disabled: state === "submitting" || preview, type: "submit", children: state === "submitting" ? "Sending\u2026" : submitLabel })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cls.form,
+      noValidate: true,
+      onKeyDownCapture: onFieldKeyDownCapture,
+      onPointerDownCapture: onFieldPointerDownCapture,
+      onSubmit: submit,
+      children: [
+        title,
+        intro,
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "aria-hidden": "true",
+            autoComplete: "off",
+            className: "ocf-honeypot",
+            name: HONEYPOT_FIELD_NAME,
+            onChange: (event) => setHoneypot(event.target.value),
+            style: { position: "absolute", left: "-9999px", height: 0, width: 0, opacity: 0 },
+            tabIndex: -1,
+            value: honeypot
+          }
+        ),
+        steps.length > 1 ? /* @__PURE__ */ jsxs("p", { className: cls.stepTitle, children: [
+          "Step ",
+          stepIndex + 1,
+          " of ",
+          steps.length,
+          steps[stepIndex]?.title ? ` \u2014 ${steps[stepIndex].title}` : ""
+        ] }) : null,
+        visibleSteps.map((step) => (step.fields || []).map(renderField)),
+        state === "error" ? /* @__PURE__ */ jsx("p", { className: cls.formError, role: "alert", children: "The request could not be sent. Please try again." }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "ocf-actions", children: [
+          steps.length > 1 && stepIndex > 0 ? /* @__PURE__ */ jsx("button", { className: cls.button, onClick: () => setStepIndex(stepIndex - 1), type: "button", children: "Back" }) : null,
+          !isLastStep ? /* @__PURE__ */ jsx("button", { className: cls.button, onClick: nextStep, type: "button", children: "Next" }) : /* @__PURE__ */ jsx("button", { className: cls.button, disabled: state === "submitting" || preview, type: "submit", children: state === "submitting" ? "Sending\u2026" : submitLabel })
+        ] })
+      ]
+    }
+  );
 }
 
 export {
   FORM_FIELD_TYPES,
   getAutoReplyEmailFields,
+  useFormFunnel,
   FormRenderer
 };

package/dist/content/index.js

@@ -1,7 +1,7 @@
 import {
   CONTENT_CACHE_TAG,
   createContentClient
-} from "../chunk-AYV6KYDP.js";
+} from "../chunk-NSAZCP4I.js";
 export {
   CONTENT_CACHE_TAG,
   createContentClient

package/dist/forms/react.d.ts

@@ -1,7 +1,17 @@
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { KeyboardEvent, PointerEvent, ReactNode } from 'react';
 import { F as FormConfig } from '../submission-CKZgx1h7.js';
 
+type FormFunnelOptions = {
+    preview?: boolean;
+};
+type FormFunnelTracking = {
+    attentionRef: (node: HTMLElement | null) => void;
+    onFieldKeyDownCapture: (event: KeyboardEvent<HTMLElement>) => void;
+    onFieldPointerDownCapture: (event: PointerEvent<HTMLElement>) => void;
+    trackStarted: () => void;
+};
+declare function useFormFunnel(slug: string, options?: FormFunnelOptions): FormFunnelTracking;
 /**
  * The shared, config-driven form renderer: the same component renders a form
  * in the Studio's form editor preview and on the public site, from the same
@@ -42,4 +52,4 @@ type FormRendererProps = {
 };
 declare function FormRenderer({ slug, config, successMessage, basePath, classNames, title, intro, submitLabel, preview, onSuccess, }: FormRendererProps): react.JSX.Element;
 
-export { FormRenderer, type FormRendererClassNames, type FormRendererProps };
+export { type FormFunnelOptions, type FormFunnelTracking, FormRenderer, type FormRendererClassNames, type FormRendererProps, useFormFunnel };

package/dist/forms/react.js

@@ -1,8 +1,11 @@
 'use client';
 "use client";
 import {
-  FormRenderer
-} from "../chunk-ULE565KD.js";
+  FormRenderer,
+  useFormFunnel
+} from "../chunk-Z52R6XR7.js";
+import "../chunk-DPKXKG2S.js";
 export {
-  FormRenderer
+  FormRenderer,
+  useFormFunnel
 };