@squaredr/fieldcraft-pro 1.6.4 → 1.8.0

package/dist/{chunk-5LKGCZAW.mjs → chunk-MLP5EDWP.mjs}

@@ -1,9 +1,125 @@
 import { cn } from './chunk-QQ4JZGTD.mjs';
-import { requireLicense } from './chunk-VECQKSWS.mjs';
+import { requireLicense } from './chunk-4MMKB2EW.mjs';
 import { useState, useEffect, useMemo } from 'react';
 import { Input, Button, Separator, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@squaredr/fieldcraft-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+function formatDuration(ms) {
+  if (ms == null) return "\u2014";
+  const totalSeconds = Math.round(ms / 1e3);
+  if (totalSeconds < 60) return `${totalSeconds}s`;
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}m ${seconds}s`;
+}
+function countAnswered(values) {
+  let count = 0;
+  for (const v of Object.values(values)) {
+    if (v !== void 0 && v !== null && v !== "") count++;
+  }
+  return count;
+}
+function getTotalFieldCount(schema) {
+  let count = 0;
+  for (const section of schema.sections) {
+    for (const q of section.questions) {
+      if (!DISPLAY_ONLY_TYPES.has(q.type)) count++;
+    }
+  }
+  return count;
+}
+function ResponseTable({
+  schema,
+  responses,
+  onRowClick,
+  selectable,
+  selectedIds,
+  onToggleSelect,
+  onSelectAll
+}) {
+  const totalFields = getTotalFieldCount(schema);
+  const allPageSelected = selectable && responses.length > 0 && responses.every(
+    (r) => r.sessionToken && selectedIds?.has(r.sessionToken)
+  );
+  const colCount = 4 + (selectable ? 1 : 0);
+  return /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-muted", children: [
+      selectable && /* @__PURE__ */ jsx("th", { className: "px-3 py-2 w-8 border-b-2 border-border", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: allPageSelected,
+          onChange: () => onSelectAll?.(),
+          className: "accent-primary"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Submitted" }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Completion Time" }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Fields Answered" }),
+      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("tbody", { children: [
+      responses.map((response, idx) => {
+        const answered = countAnswered(response.values);
+        return /* @__PURE__ */ jsxs(
+          "tr",
+          {
+            onClick: () => onRowClick?.(response),
+            className: onRowClick ? "cursor-pointer border-b border-border hover:bg-accent transition-colors" : "border-b border-border",
+            children: [
+              selectable && /* @__PURE__ */ jsx("td", { className: "px-3 py-2 w-8", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!(response.sessionToken && selectedIds?.has(response.sessionToken)),
+                  onChange: (e) => {
+                    e.stopPropagation();
+                    if (response.sessionToken) onToggleSelect?.(response.sessionToken);
+                  },
+                  onClick: (e) => e.stopPropagation(),
+                  className: "accent-primary"
+                }
+              ) }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: new Date(response.submittedAt).toLocaleString() }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: formatDuration(response.completionTimeMs) }),
+              /* @__PURE__ */ jsxs("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: [
+                answered,
+                "/",
+                totalFields
+              ] }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground whitespace-nowrap", children: response.totalScore ?? "\u2014" })
+            ]
+          },
+          response.sessionToken || idx
+        );
+      }),
+      responses.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+        "td",
+        {
+          colSpan: colCount,
+          className: "px-3 py-8 text-center text-muted-foreground",
+          children: "No responses yet"
+        }
+      ) })
+    ] })
+  ] }) });
+}
+var DISPLAY_ONLY_TYPES = /* @__PURE__ */ new Set([
+  "info-block",
+  "info_block",
+  "section-header",
+  "page-break",
+  "image",
+  "divider",
+  "spacer",
+  "video",
+  "rich-text",
+  "welcome-screen",
+  "thank-you-screen",
+  "hidden",
+  "calculated"
+]);
+
 // src/response-viewer/clinical-display-data.ts
 var BODY_REGION_LABELS = {
   head: "Head",
@@ -140,166 +256,6 @@ function getScoreSeverity(instrumentKey, score) {
   if (!thresholds) return void 0;
   return thresholds.find((t) => score >= t.min && score <= t.max);
 }
-function ResponseTable({
-  schema,
-  responses,
-  onRowClick,
-  selectable,
-  selectedIds,
-  onToggleSelect,
-  onSelectAll
-}) {
-  const questions = getAllQuestions(schema);
-  const allPageSelected = selectable && responses.length > 0 && responses.every(
-    (r) => r.sessionToken && selectedIds?.has(r.sessionToken)
-  );
-  return /* @__PURE__ */ jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-[13px]", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-muted", children: [
-      selectable && /* @__PURE__ */ jsx("th", { className: "px-3 py-2 w-8 border-b-2 border-border", children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: allPageSelected,
-          onChange: () => onSelectAll?.(),
-          className: "accent-primary"
-        }
-      ) }),
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Submitted" }),
-      questions.map((q) => /* @__PURE__ */ jsx(
-        "th",
-        {
-          className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap",
-          children: q.label
-        },
-        q.id
-      )),
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-foreground border-b-2 border-border whitespace-nowrap", children: "Score" })
-    ] }) }),
-    /* @__PURE__ */ jsxs("tbody", { children: [
-      responses.map((response, idx) => /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          onClick: () => onRowClick?.(response),
-          className: onRowClick ? "cursor-pointer border-b border-border hover:bg-accent transition-colors" : "border-b border-border",
-          children: [
-            selectable && /* @__PURE__ */ jsx("td", { className: "px-3 py-2 w-8", children: /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: !!(response.sessionToken && selectedIds?.has(response.sessionToken)),
-                onChange: (e) => {
-                  e.stopPropagation();
-                  if (response.sessionToken) onToggleSelect?.(response.sessionToken);
-                },
-                onClick: (e) => e.stopPropagation(),
-                className: "accent-primary"
-              }
-            ) }),
-            /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap", children: new Date(response.submittedAt).toLocaleString() }),
-            questions.map((q) => /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap",
-                children: formatCellValue(response.values[q.id], q.type)
-              },
-              q.id
-            )),
-            /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-foreground max-w-50 overflow-hidden text-ellipsis whitespace-nowrap", children: response.totalScore ?? "\u2014" })
-          ]
-        },
-        response.sessionToken || idx
-      )),
-      responses.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-        "td",
-        {
-          colSpan: questions.length + 2 + (selectable ? 1 : 0),
-          className: "px-3 py-8 text-center text-muted-foreground",
-          children: "No responses yet"
-        }
-      ) })
-    ] })
-  ] }) });
-}
-function getAllQuestions(schema) {
-  const questions = [];
-  for (const section of schema.sections) {
-    for (const q of section.questions) {
-      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
-        continue;
-      }
-      questions.push(q);
-    }
-  }
-  return questions;
-}
-function formatCellValue(value, type) {
-  if (value == null) return "\u2014";
-  if (type) {
-    switch (type) {
-      case "vitals_entry": {
-        if (typeof value !== "object" || value === null) break;
-        const v = value;
-        const parts = [];
-        if (v.systolicBp && v.diastolicBp) parts.push(`BP ${v.systolicBp}/${v.diastolicBp}`);
-        if (v.heartRate) parts.push(`HR ${v.heartRate}`);
-        if (v.temperature) parts.push(`${v.temperature}\xB0F`);
-        if (v.oxygenSaturation) parts.push(`SpO\u2082 ${v.oxygenSaturation}%`);
-        return parts.length > 0 ? parts.join(", ") : "\u2014";
-      }
-      case "medication_list":
-        if (Array.isArray(value)) return `${value.length} medication${value.length !== 1 ? "s" : ""}`;
-        break;
-      case "allergy_list":
-        if (Array.isArray(value)) return `${value.length} allerg${value.length !== 1 ? "ies" : "y"}`;
-        break;
-      case "body_diagram":
-        if (Array.isArray(value)) {
-          const labels = value.map((id) => BODY_REGION_LABELS[id] ?? id);
-          return labels.join(", ");
-        }
-        break;
-      case "pain_scale":
-        if (typeof value === "number") return `${value}/10`;
-        break;
-      case "bmi_calculator": {
-        if (typeof value !== "object" || value === null) break;
-        const d = value;
-        if (d.bmi != null) return `BMI ${d.bmi}`;
-        break;
-      }
-      case "payment": {
-        if (typeof value !== "object" || value === null) break;
-        const p = value;
-        const status = p.status;
-        return status ? status.charAt(0).toUpperCase() + status.slice(1) : "\u2014";
-      }
-      case "insurance_card": {
-        if (typeof value !== "object" || value === null) break;
-        const ins = value;
-        const parts = [ins.carrierId, ins.planName].filter(Boolean);
-        return parts.length > 0 ? parts.join(" \u2014 ") : "Card uploaded";
-      }
-      case "legal_name": {
-        if (typeof value !== "object" || value === null) break;
-        const n = value;
-        return [n.first, n.last].filter(Boolean).join(" ") || "\u2014";
-      }
-      case "address": {
-        if (typeof value !== "object" || value === null) break;
-        const a = value;
-        return [a.city, a.state].filter(Boolean).join(", ") || "\u2014";
-      }
-      case "consent":
-        return value === true || value === "true" || value === "agreed" ? "Agreed" : "Not agreed";
-      case "signature":
-        return typeof value === "string" && value.startsWith("data:image") ? "Signed" : "\u2014";
-    }
-  }
-  if (typeof value === "boolean") return value ? "Yes" : "No";
-  if (Array.isArray(value)) return value.join(", ");
-  if (typeof value === "object") return JSON.stringify(value);
-  return String(value);
-}
 function ResponseCard({
   response,
   fields,
@@ -1297,13 +1253,26 @@ function exportToJson(responses, filename = "responses.json") {
   const content = JSON.stringify(responses, null, 2);
   downloadBlob(content, filename, "application/json;charset=utf-8;");
 }
+var DISPLAY_ONLY_TYPES2 = /* @__PURE__ */ new Set([
+  "info-block",
+  "info_block",
+  "section-header",
+  "page-break",
+  "image",
+  "divider",
+  "spacer",
+  "video",
+  "rich-text",
+  "welcome-screen",
+  "thank-you-screen",
+  "hidden",
+  "calculated"
+]);
 function getExportableQuestions(schema) {
   const questions = [];
   for (const section of schema.sections) {
     for (const q of section.questions) {
-      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
-        continue;
-      }
+      if (DISPLAY_ONLY_TYPES2.has(q.type)) continue;
       questions.push(q);
     }
   }
@@ -1369,6 +1338,10 @@ function formatExportValue(value, type) {
   return String(value);
 }
 function escapeCsvField(field) {
+  const first = field.charAt(0);
+  if (first === "=" || first === "+" || first === "-" || first === "@" || first === "	" || first === "\r") {
+    field = `'${field}`;
+  }
   if (field.includes(",") || field.includes('"') || field.includes("\n")) {
     return `"${field.replace(/"/g, '""')}"`;
   }
@@ -1383,7 +1356,7 @@ function downloadBlob(content, filename, mimeType) {
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
-  URL.revokeObjectURL(url);
+  setTimeout(() => URL.revokeObjectURL(url), 1e4);
 }
 
 // src/response-viewer/pagination-utils.ts
@@ -1616,9 +1589,12 @@ function ResponseViewerInner({
     [responses, searchQuery, schema]
   );
   const isFiltered = hasActiveFilters(filterState);
-  const filteredResponses = applyFilters(searchedResponses, filterState);
+  const filteredResponses = useMemo(
+    () => applyFilters(searchedResponses, filterState),
+    [searchedResponses, filterState]
+  );
   const pag = paginate(filteredResponses, currentPage, effectivePageSize);
-  const questions = getAllQuestions2(schema);
+  const questions = getAllQuestions(schema);
   const isSelectable = selectable && (!!onBulkDelete || !!onBulkExport);
   function handleSelect(response) {
     setSelectedResponse(response);
@@ -1720,7 +1696,7 @@ function ResponseViewerInner({
     });
   }
   function getFields(response) {
-    return questions.map((q) => ({
+    return questions.filter((q) => response.values[q.id] !== void 0).map((q) => ({
       questionId: q.id,
       label: q.label,
       type: q.type,
@@ -1873,10 +1849,10 @@ function ResponseViewerInner({
                 className: "h-7 text-xs",
                 onClick: () => {
                   const csvFilename = filename ? filename.replace(/\.\w+$/, ".csv") : "responses.csv";
-                  exportToCsv(schema, responses, csvFilename, { dateFormat, columnLabels });
-                  onExport?.("csv", responses.length);
+                  exportToCsv(schema, filteredResponses, csvFilename, { dateFormat, columnLabels });
+                  onExport?.("csv", filteredResponses.length);
                 },
-                disabled: responses.length === 0,
+                disabled: filteredResponses.length === 0,
                 children: "Export CSV"
               }
             ),
@@ -1888,10 +1864,10 @@ function ResponseViewerInner({
                 className: "h-7 text-xs",
                 onClick: () => {
                   const jsonFilename = filename ? filename.replace(/\.\w+$/, ".json") : "responses.json";
-                  exportToJson(responses, jsonFilename);
-                  onExport?.("json", responses.length);
+                  exportToJson(filteredResponses, jsonFilename);
+                  onExport?.("json", filteredResponses.length);
                 },
-                disabled: responses.length === 0,
+                disabled: filteredResponses.length === 0,
                 children: "Export JSON"
               }
             )
@@ -2172,13 +2148,26 @@ function ResponseViewerInner({
     }
   );
 }
-function getAllQuestions2(schema) {
+var DISPLAY_ONLY_TYPES3 = /* @__PURE__ */ new Set([
+  "info-block",
+  "info_block",
+  "section-header",
+  "page-break",
+  "image",
+  "divider",
+  "spacer",
+  "video",
+  "rich-text",
+  "welcome-screen",
+  "thank-you-screen",
+  "hidden",
+  "calculated"
+]);
+function getAllQuestions(schema) {
   const questions = [];
   for (const section of schema.sections) {
     for (const q of section.questions) {
-      if (q.type === "info-block" || q.type === "section-header" || q.type === "page-break") {
-        continue;
-      }
+      if (DISPLAY_ONLY_TYPES3.has(q.type)) continue;
       questions.push(q);
     }
   }

package/dist/form-builder/index.d.mts

@@ -1,7 +1,177 @@
-export { B as BuilderState, a as BuilderStateHook, D as DEFAULT_PALETTE, b as DEFAULT_SCHEMA, c as DragItem, d as DropTarget, F as FormBuilder, f as FormBuilderProps, h as FormBuilderTheme, i as FormBuilderThemeProvider, M as MutationAction, P as PaletteCategory, j as PropertyPanelTab, Q as QUESTION_TYPE_INFO, k as QuestionTypeCategory, l as QuestionTypeInfo, S as SelectedItem, U as UndoRedoState, m as addOption, n as addQuestion, o as addSection, p as cn, q as duplicateQuestion, r as duplicateSection, s as findQuestion, t as findSection, u as generateId, v as generateOptionId, w as generateQuestionId, x as generateSectionId, y as moveOption, z as moveQuestion, A as moveSection, C as removeOption, E as removeQuestion, G as removeSection, H as updateOption, I as updateQuestion, J as updateSection, K as useBuilderState, L as useBuilderTheme, N as useDragDrop, O as useUndoRedo } from '../index-D19524df.mjs';
-import 'react';
-import '@squaredr/fieldcraft-core';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { b as FormBuilderProps, d as FormBuilderTheme, f as QuestionTypeInfo, S as SelectedItem, D as DragItem } from '../types-bFHsZT1n.mjs';
+export { B as BuilderState, a as DropTarget, F as FormBuilderPreviewProps, M as MutationAction, P as PaletteCategory, e as PropertyPanelTab, Q as QuestionTypeCategory } from '../types-bFHsZT1n.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormEngineSchema, Option, Question, Section } from '@squaredr/fieldcraft-core';
+import { ClassValue } from 'clsx';
+import * as _dnd_kit_core from '@dnd-kit/core';
+import { DragStartEvent, DragEndEvent } from '@dnd-kit/core';
 import '@squaredr/fieldcraft-react';
-import 'react/jsx-runtime';
-import 'clsx';
-import '@dnd-kit/core';
+
+declare const FormBuilder: react.ComponentType<FormBuilderProps>;
+
+declare function useBuilderTheme(): FormBuilderTheme;
+type FormBuilderThemeProviderProps = {
+    theme?: FormBuilderTheme;
+    children: ReactNode;
+};
+declare function FormBuilderThemeProvider({ theme, children }: FormBuilderThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Metadata for all question types available in the Pro palette.
+ * Icons are lucide-react component names (imported dynamically via ICON_MAP).
+ *
+ * 44 field types — general-purpose form building.
+ * Telehealth-specific fields (15) are in @squaredr/fieldcraft-pro-telehealth.
+ */
+declare const QUESTION_TYPE_INFO: Record<string, QuestionTypeInfo>;
+/**
+ * Default palette layout with categories (44 Pro field types).
+ * Telehealth fields can be appended via FormBuilder's `palette` prop.
+ */
+declare const DEFAULT_PALETTE: ({
+    category: "text";
+    label: string;
+    types: string[];
+} | {
+    category: "numeric";
+    label: string;
+    types: string[];
+} | {
+    category: "selection";
+    label: string;
+    types: string[];
+} | {
+    category: "datetime";
+    label: string;
+    types: string[];
+} | {
+    category: "media";
+    label: string;
+    types: string[];
+} | {
+    category: "content";
+    label: string;
+    types: string[];
+} | {
+    category: "structural";
+    label: string;
+    types: string[];
+} | {
+    category: "advanced";
+    label: string;
+    types: string[];
+})[];
+
+/**
+ * Generate unique IDs for sections, questions, and options.
+ * Format: {prefix}_{timestamp}_{random}
+ */
+declare function generateId(prefix: string): string;
+declare function generateSectionId(): string;
+declare function generateQuestionId(): string;
+declare function generateOptionId(): string;
+
+/**
+ * Pure functions for mutating FormEngineSchema.
+ * All functions return a new schema object (immutable updates).
+ */
+
+declare function addSection(schema: FormEngineSchema, section: Section, index: number): FormEngineSchema;
+declare function removeSection(schema: FormEngineSchema, sectionId: string): FormEngineSchema;
+declare function updateSection(schema: FormEngineSchema, sectionId: string, updates: Partial<Section>): FormEngineSchema;
+declare function moveSection(schema: FormEngineSchema, sectionId: string, newIndex: number): FormEngineSchema;
+declare function duplicateSection(schema: FormEngineSchema, sectionId: string): FormEngineSchema;
+declare function addQuestion(schema: FormEngineSchema, sectionId: string, question: Question, index: number): FormEngineSchema;
+declare function removeQuestion(schema: FormEngineSchema, sectionId: string, questionId: string): FormEngineSchema;
+declare function updateQuestion(schema: FormEngineSchema, sectionId: string, questionId: string, updates: Partial<Question>): FormEngineSchema;
+declare function moveQuestion(schema: FormEngineSchema, sectionId: string, questionId: string, targetSectionId: string, newIndex: number): FormEngineSchema;
+declare function duplicateQuestion(schema: FormEngineSchema, sectionId: string, questionId: string): FormEngineSchema;
+declare function addOption(schema: FormEngineSchema, sectionId: string, questionId: string, option: Option, index: number): FormEngineSchema;
+declare function removeOption(schema: FormEngineSchema, sectionId: string, questionId: string, optionIndex: number): FormEngineSchema;
+declare function updateOption(schema: FormEngineSchema, sectionId: string, questionId: string, optionIndex: number, updates: Partial<Option>): FormEngineSchema;
+declare function moveOption(schema: FormEngineSchema, sectionId: string, questionId: string, oldIndex: number, newIndex: number): FormEngineSchema;
+declare function findQuestion(schema: FormEngineSchema, sectionId: string, questionId: string): {
+    section: Section;
+    question: Question;
+    questionIndex: number;
+} | null;
+declare function findSection(schema: FormEngineSchema, sectionId: string): {
+    section: Section;
+    sectionIndex: number;
+} | null;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Master state hook for the FormBuilder.
+ * Combines schema state, selection, and undo/redo.
+ *
+ * All mutation callbacks use a ref to read the latest schema,
+ * avoiding stale closures when multiple mutations fire in the
+ * same render tick.
+ */
+declare function useBuilderState(initialSchema: FormEngineSchema): {
+    schema: FormEngineSchema;
+    selectedItem: SelectedItem | null;
+    isDirty: boolean;
+    updateSchema: (newSchema: FormEngineSchema) => void;
+    addSection: (section: Section, index: number) => void;
+    removeSection: (sectionId: string) => void;
+    updateSection: (sectionId: string, updates: Partial<Section>) => void;
+    moveSection: (sectionId: string, newIndex: number) => void;
+    duplicateSection: (sectionId: string) => void;
+    addQuestion: (sectionId: string, question: Question, index: number) => void;
+    removeQuestion: (sectionId: string, questionId: string) => void;
+    updateQuestion: (sectionId: string, questionId: string, updates: Partial<Question>) => void;
+    moveQuestion: (sectionId: string, questionId: string, targetSectionId: string, newIndex: number) => void;
+    duplicateQuestion: (sectionId: string, questionId: string) => void;
+    selectQuestion: (sectionId: string, questionId: string) => void;
+    selectSection: (sectionId: string) => void;
+    clearSelection: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    undo: () => void;
+    redo: () => void;
+    resetSchema: (newSchema: FormEngineSchema) => void;
+    markClean: () => void;
+};
+type BuilderStateHook = ReturnType<typeof useBuilderState>;
+
+type UndoRedoState = {
+    canUndo: boolean;
+    canRedo: boolean;
+    undo: () => void;
+    redo: () => void;
+    push: (schema: FormEngineSchema) => void;
+    clear: () => void;
+};
+/**
+ * Hook for undo/redo functionality.
+ * Maintains a history stack of schemas with max 50 entries.
+ * Uses state for the index so canUndo/canRedo trigger re-renders.
+ * The history array is kept in a ref since its identity doesn't
+ * need to cause re-renders — only the index matters.
+ */
+declare function useUndoRedo(currentSchema: FormEngineSchema, setSchema: (schema: FormEngineSchema) => void): UndoRedoState;
+
+/**
+ * Hook to wire up @dnd-kit drag-and-drop.
+ * Returns DndContext props and handlers.
+ */
+declare function useDragDrop(builderState: BuilderStateHook): {
+    sensors: _dnd_kit_core.SensorDescriptor<_dnd_kit_core.SensorOptions>[];
+    handleDragStart: (event: DragStartEvent) => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragCancel: () => void;
+    activeDragItem: DragItem | null;
+};
+
+/**
+ * Default empty schema for new forms.
+ * Contains one section with one question to get started.
+ */
+declare const DEFAULT_SCHEMA: FormEngineSchema;
+
+export { type BuilderStateHook, DEFAULT_PALETTE, DEFAULT_SCHEMA, DragItem, FormBuilder, FormBuilderProps, FormBuilderTheme, FormBuilderThemeProvider, QUESTION_TYPE_INFO, QuestionTypeInfo, SelectedItem, type UndoRedoState, addOption, addQuestion, addSection, cn, duplicateQuestion, duplicateSection, findQuestion, findSection, generateId, generateOptionId, generateQuestionId, generateSectionId, moveOption, moveQuestion, moveSection, removeOption, removeQuestion, removeSection, updateOption, updateQuestion, updateSection, useBuilderState, useBuilderTheme, useDragDrop, useUndoRedo };