@squaredr/fieldcraft-pro 0.0.0

package/dist/index.js

@@ -0,0 +1,4111 @@
+'use strict';
+
+var fieldcraftProLicense = require('@squaredr/fieldcraft-pro-license');
+var react = require('react');
+var core = require('@dnd-kit/core');
+var lucideReact = require('lucide-react');
+var fieldcraftReact = require('@squaredr/fieldcraft-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/index.ts
+var MAX_HISTORY = 50;
+function useUndoRedo(currentSchema, setSchema) {
+  const historyRef = react.useRef([currentSchema]);
+  const [currentIndex, setCurrentIndex] = react.useState(0);
+  const canUndo = currentIndex > 0;
+  const canRedo = currentIndex < historyRef.current.length - 1;
+  const push = react.useCallback(
+    (schema) => {
+      historyRef.current = historyRef.current.slice(0, currentIndex + 1);
+      historyRef.current.push(schema);
+      if (historyRef.current.length > MAX_HISTORY) {
+        historyRef.current.shift();
+        setCurrentIndex(historyRef.current.length - 1);
+      } else {
+        setCurrentIndex((prev) => prev + 1);
+      }
+    },
+    [currentIndex]
+  );
+  const undo = react.useCallback(() => {
+    if (currentIndex > 0) {
+      const newIndex = currentIndex - 1;
+      setCurrentIndex(newIndex);
+      setSchema(historyRef.current[newIndex]);
+    }
+  }, [currentIndex, setSchema]);
+  const redo = react.useCallback(() => {
+    if (currentIndex < historyRef.current.length - 1) {
+      const newIndex = currentIndex + 1;
+      setCurrentIndex(newIndex);
+      setSchema(historyRef.current[newIndex]);
+    }
+  }, [currentIndex, setSchema]);
+  const clear = react.useCallback(() => {
+    historyRef.current = [currentSchema];
+    setCurrentIndex(0);
+  }, [currentSchema]);
+  return {
+    canUndo,
+    canRedo,
+    undo,
+    redo,
+    push,
+    clear
+  };
+}
+
+// src/form-builder/utils/id-generator.ts
+var counter = 0;
+function generateId(prefix) {
+  const timestamp = Date.now().toString(36);
+  const random = Math.random().toString(36).substring(2, 7);
+  counter = (counter + 1) % 1e4;
+  const count = counter.toString(36);
+  return `${prefix}_${timestamp}${count}${random}`;
+}
+function generateSectionId() {
+  return generateId("section");
+}
+function generateQuestionId() {
+  return generateId("question");
+}
+function generateOptionId() {
+  return generateId("option");
+}
+
+// src/form-builder/utils/schema-mutations.ts
+function deepClone(obj) {
+  return structuredClone(obj);
+}
+function addSection(schema, section, index) {
+  const newSchema = deepClone(schema);
+  newSchema.sections.splice(index, 0, section);
+  return newSchema;
+}
+function removeSection(schema, sectionId) {
+  const newSchema = deepClone(schema);
+  newSchema.sections = newSchema.sections.filter((s) => s.id !== sectionId);
+  return newSchema;
+}
+function updateSection(schema, sectionId, updates) {
+  const newSchema = deepClone(schema);
+  const sectionIndex = newSchema.sections.findIndex((s) => s.id === sectionId);
+  if (sectionIndex === -1) return schema;
+  newSchema.sections[sectionIndex] = {
+    ...newSchema.sections[sectionIndex],
+    ...updates
+  };
+  return newSchema;
+}
+function moveSection(schema, sectionId, newIndex) {
+  const newSchema = deepClone(schema);
+  const oldIndex = newSchema.sections.findIndex((s) => s.id === sectionId);
+  if (oldIndex === -1) return schema;
+  const [section] = newSchema.sections.splice(oldIndex, 1);
+  newSchema.sections.splice(newIndex, 0, section);
+  return newSchema;
+}
+function duplicateSection(schema, sectionId) {
+  const newSchema = deepClone(schema);
+  const sectionIndex = newSchema.sections.findIndex((s) => s.id === sectionId);
+  if (sectionIndex === -1) return schema;
+  const original = newSchema.sections[sectionIndex];
+  const duplicate = {
+    ...original,
+    id: generateSectionId(),
+    title: `${original.title} (Copy)`,
+    questions: original.questions.map((q) => ({
+      ...q,
+      id: generateQuestionId()
+    }))
+  };
+  newSchema.sections.splice(sectionIndex + 1, 0, duplicate);
+  return newSchema;
+}
+function addQuestion(schema, sectionId, question, index) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  section.questions.splice(index, 0, question);
+  return newSchema;
+}
+function removeQuestion(schema, sectionId, questionId) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  section.questions = section.questions.filter((q) => q.id !== questionId);
+  return newSchema;
+}
+function updateQuestion(schema, sectionId, questionId, updates) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  const questionIndex = section.questions.findIndex((q) => q.id === questionId);
+  if (questionIndex === -1) return schema;
+  section.questions[questionIndex] = {
+    ...section.questions[questionIndex],
+    ...updates
+  };
+  return newSchema;
+}
+function moveQuestion(schema, sectionId, questionId, targetSectionId, newIndex) {
+  const newSchema = deepClone(schema);
+  const sourceSection = newSchema.sections.find((s) => s.id === sectionId);
+  const targetSection = newSchema.sections.find((s) => s.id === targetSectionId);
+  if (!sourceSection || !targetSection) return schema;
+  const questionIndex = sourceSection.questions.findIndex((q) => q.id === questionId);
+  if (questionIndex === -1) return schema;
+  const [question] = sourceSection.questions.splice(questionIndex, 1);
+  targetSection.questions.splice(newIndex, 0, question);
+  return newSchema;
+}
+function duplicateQuestion(schema, sectionId, questionId) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  const questionIndex = section.questions.findIndex((q) => q.id === questionId);
+  if (questionIndex === -1) return schema;
+  const original = section.questions[questionIndex];
+  const duplicate = {
+    ...original,
+    id: generateQuestionId(),
+    label: `${original.label} (Copy)`
+  };
+  section.questions.splice(questionIndex + 1, 0, duplicate);
+  return newSchema;
+}
+function addOption(schema, sectionId, questionId, option, index) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  const question = section.questions.find((q) => q.id === questionId);
+  if (!question) return schema;
+  if (!question.options) question.options = [];
+  question.options.splice(index, 0, option);
+  return newSchema;
+}
+function removeOption(schema, sectionId, questionId, optionIndex) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  const question = section.questions.find((q) => q.id === questionId);
+  if (!question || !question.options) return schema;
+  question.options.splice(optionIndex, 1);
+  return newSchema;
+}
+function updateOption(schema, sectionId, questionId, optionIndex, updates) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  const question = section.questions.find((q) => q.id === questionId);
+  if (!question || !question.options) return schema;
+  question.options[optionIndex] = {
+    ...question.options[optionIndex],
+    ...updates
+  };
+  return newSchema;
+}
+function moveOption(schema, sectionId, questionId, oldIndex, newIndex) {
+  const newSchema = deepClone(schema);
+  const section = newSchema.sections.find((s) => s.id === sectionId);
+  if (!section) return schema;
+  const question = section.questions.find((q) => q.id === questionId);
+  if (!question || !question.options) return schema;
+  const [option] = question.options.splice(oldIndex, 1);
+  question.options.splice(newIndex, 0, option);
+  return newSchema;
+}
+function findQuestion(schema, sectionId, questionId) {
+  const section = schema.sections.find((s) => s.id === sectionId);
+  if (!section) return null;
+  const questionIndex = section.questions.findIndex((q) => q.id === questionId);
+  if (questionIndex === -1) return null;
+  return { section, question: section.questions[questionIndex], questionIndex };
+}
+function findSection(schema, sectionId) {
+  const sectionIndex = schema.sections.findIndex((s) => s.id === sectionId);
+  if (sectionIndex === -1) return null;
+  return { section: schema.sections[sectionIndex], sectionIndex };
+}
+
+// src/form-builder/hooks/use-builder-state.ts
+function useBuilderState(initialSchema) {
+  const [schema, setSchema] = react.useState(initialSchema);
+  const [selectedItem, setSelectedItem] = react.useState(null);
+  const [isDirty, setIsDirty] = react.useState(false);
+  const schemaRef = react.useRef(schema);
+  schemaRef.current = schema;
+  const undoRedo = useUndoRedo(schema, (newSchema) => {
+    setSchema(newSchema);
+    setIsDirty(true);
+  });
+  const updateSchema = react.useCallback(
+    (newSchema) => {
+      setSchema(newSchema);
+      undoRedo.push(newSchema);
+      setIsDirty(true);
+    },
+    [undoRedo]
+  );
+  const applyMutation = react.useCallback(
+    (mutate) => {
+      const result = mutate(schemaRef.current);
+      updateSchema(result);
+    },
+    [updateSchema]
+  );
+  const addSection2 = react.useCallback(
+    (section, index) => {
+      applyMutation((s) => addSection(s, section, index));
+    },
+    [applyMutation]
+  );
+  const removeSection2 = react.useCallback(
+    (sectionId) => {
+      applyMutation((s) => removeSection(s, sectionId));
+      setSelectedItem((prev) => {
+        if (prev?.type === "section" && prev.sectionId === sectionId) return null;
+        return prev;
+      });
+    },
+    [applyMutation]
+  );
+  const updateSection2 = react.useCallback(
+    (sectionId, updates) => {
+      applyMutation((s) => updateSection(s, sectionId, updates));
+    },
+    [applyMutation]
+  );
+  const moveSection2 = react.useCallback(
+    (sectionId, newIndex) => {
+      applyMutation((s) => moveSection(s, sectionId, newIndex));
+    },
+    [applyMutation]
+  );
+  const duplicateSection2 = react.useCallback(
+    (sectionId) => {
+      applyMutation((s) => duplicateSection(s, sectionId));
+    },
+    [applyMutation]
+  );
+  const addQuestion2 = react.useCallback(
+    (sectionId, question, index) => {
+      applyMutation((s) => addQuestion(s, sectionId, question, index));
+    },
+    [applyMutation]
+  );
+  const removeQuestion2 = react.useCallback(
+    (sectionId, questionId) => {
+      applyMutation((s) => removeQuestion(s, sectionId, questionId));
+      setSelectedItem((prev) => {
+        if (prev?.type === "question" && prev.sectionId === sectionId && prev.questionId === questionId) {
+          return null;
+        }
+        return prev;
+      });
+    },
+    [applyMutation]
+  );
+  const updateQuestion2 = react.useCallback(
+    (sectionId, questionId, updates) => {
+      applyMutation((s) => updateQuestion(s, sectionId, questionId, updates));
+    },
+    [applyMutation]
+  );
+  const moveQuestion2 = react.useCallback(
+    (sectionId, questionId, targetSectionId, newIndex) => {
+      applyMutation((s) => moveQuestion(s, sectionId, questionId, targetSectionId, newIndex));
+    },
+    [applyMutation]
+  );
+  const duplicateQuestion2 = react.useCallback(
+    (sectionId, questionId) => {
+      applyMutation((s) => duplicateQuestion(s, sectionId, questionId));
+    },
+    [applyMutation]
+  );
+  const selectQuestion = react.useCallback((sectionId, questionId) => {
+    setSelectedItem({ type: "question", sectionId, questionId });
+  }, []);
+  const selectSection = react.useCallback((sectionId) => {
+    setSelectedItem({ type: "section", sectionId });
+  }, []);
+  const clearSelection = react.useCallback(() => {
+    setSelectedItem(null);
+  }, []);
+  const resetSchema = react.useCallback(
+    (newSchema) => {
+      setSchema(newSchema);
+      undoRedo.clear();
+      setIsDirty(false);
+      setSelectedItem(null);
+    },
+    [undoRedo]
+  );
+  const markClean = react.useCallback(() => {
+    setIsDirty(false);
+  }, []);
+  return {
+    // State
+    schema,
+    selectedItem,
+    isDirty,
+    // Schema-level mutation
+    updateSchema,
+    // Section operations
+    addSection: addSection2,
+    removeSection: removeSection2,
+    updateSection: updateSection2,
+    moveSection: moveSection2,
+    duplicateSection: duplicateSection2,
+    // Question operations
+    addQuestion: addQuestion2,
+    removeQuestion: removeQuestion2,
+    updateQuestion: updateQuestion2,
+    moveQuestion: moveQuestion2,
+    duplicateQuestion: duplicateQuestion2,
+    // Selection
+    selectQuestion,
+    selectSection,
+    clearSelection,
+    // Undo/Redo
+    canUndo: undoRedo.canUndo,
+    canRedo: undoRedo.canRedo,
+    undo: undoRedo.undo,
+    redo: undoRedo.redo,
+    // Reset
+    resetSchema,
+    markClean
+  };
+}
+
+// src/form-builder/constants.ts
+var QUESTION_TYPE_INFO = {
+  // ── Text ──
+  short_text: {
+    type: "short_text",
+    label: "Short Text",
+    category: "text",
+    icon: "Type",
+    description: "Single-line text input",
+    defaultConfig: { type: "short_text", maxLength: 255 }
+  },
+  long_text: {
+    type: "long_text",
+    label: "Long Text",
+    category: "text",
+    icon: "AlignLeft",
+    description: "Multi-line text area",
+    defaultConfig: { type: "long_text", rows: 4 }
+  },
+  email: {
+    type: "email",
+    label: "Email",
+    category: "text",
+    icon: "Mail",
+    description: "Email address input with validation"
+  },
+  phone: {
+    type: "phone",
+    label: "Phone",
+    category: "text",
+    icon: "Phone",
+    description: "US phone number input"
+  },
+  url: {
+    type: "url",
+    label: "URL",
+    category: "text",
+    icon: "Link",
+    description: "Website URL input"
+  },
+  // ── Numeric ──
+  number: {
+    type: "number",
+    label: "Number",
+    category: "numeric",
+    icon: "Hash",
+    description: "Numeric input with min/max",
+    defaultConfig: { type: "number", step: 1 }
+  },
+  slider: {
+    type: "slider",
+    label: "Slider",
+    category: "numeric",
+    icon: "SlidersHorizontal",
+    description: "Range slider",
+    defaultConfig: { type: "slider", min: 0, max: 100, step: 1 }
+  },
+  rating: {
+    type: "rating",
+    label: "Rating",
+    category: "numeric",
+    icon: "Star",
+    description: "Star rating (1-5 or custom)",
+    defaultConfig: { type: "rating", max: 5, icon: "star" }
+  },
+  nps: {
+    type: "nps",
+    label: "NPS",
+    category: "numeric",
+    icon: "BarChart3",
+    description: "Net Promoter Score (0-10)",
+    defaultConfig: { type: "nps", lowLabel: "Not likely", highLabel: "Very likely" }
+  },
+  opinion_scale: {
+    type: "opinion_scale",
+    label: "Opinion Scale",
+    category: "numeric",
+    icon: "TrendingUp",
+    description: "Custom numeric scale with labels",
+    defaultConfig: { type: "opinion_scale", min: 1, max: 5 }
+  },
+  // ── Selection ──
+  single_select: {
+    type: "single_select",
+    label: "Single Select",
+    category: "selection",
+    icon: "CircleDot",
+    description: "Radio buttons or vertical list",
+    requiresOptions: true,
+    defaultConfig: { type: "single_select", layout: "vertical" }
+  },
+  multi_select: {
+    type: "multi_select",
+    label: "Multi Select",
+    category: "selection",
+    icon: "CheckSquare",
+    description: "Checkboxes - select multiple",
+    requiresOptions: true,
+    defaultConfig: { type: "multi_select", layout: "vertical" }
+  },
+  dropdown: {
+    type: "dropdown",
+    label: "Dropdown",
+    category: "selection",
+    icon: "ChevronDown",
+    description: "Select from dropdown menu",
+    requiresOptions: true,
+    defaultConfig: { type: "dropdown", searchable: false }
+  },
+  boolean: {
+    type: "boolean",
+    label: "Yes/No",
+    category: "selection",
+    icon: "ToggleLeft",
+    description: "Toggle, radio, or checkbox",
+    defaultConfig: { type: "boolean", style: "toggle" }
+  },
+  ranking: {
+    type: "ranking",
+    label: "Ranking",
+    category: "selection",
+    icon: "ArrowUpDown",
+    description: "Drag to rank items in order",
+    requiresOptions: true,
+    defaultConfig: { type: "ranking", items: [] }
+  },
+  // ── Date/Time ──
+  date: {
+    type: "date",
+    label: "Date",
+    category: "datetime",
+    icon: "Calendar",
+    description: "Date picker",
+    defaultConfig: { type: "date" }
+  },
+  time: {
+    type: "time",
+    label: "Time",
+    category: "datetime",
+    icon: "Clock",
+    description: "Time picker",
+    defaultConfig: { type: "time", format: "12h" }
+  },
+  // ── Media ──
+  file_upload: {
+    type: "file_upload",
+    label: "File Upload",
+    category: "media",
+    icon: "Paperclip",
+    description: "Upload files",
+    defaultConfig: { type: "file_upload", maxFiles: 1, maxSizeMb: 10 }
+  },
+  // ── Advanced ──
+  matrix: {
+    type: "matrix",
+    label: "Matrix",
+    category: "advanced",
+    icon: "Grid3X3",
+    description: "Grid of inputs (rows x columns)",
+    defaultConfig: {
+      type: "matrix",
+      rows: [{ label: "Row 1", value: "row1" }],
+      columns: [{ label: "Column 1", value: "col1" }],
+      inputType: "radio"
+    }
+  },
+  calculated: {
+    type: "calculated",
+    label: "Calculated",
+    category: "advanced",
+    icon: "Calculator",
+    description: "Computed value from other fields",
+    defaultConfig: { type: "calculated", expression: "", format: "number" }
+  },
+  hidden: {
+    type: "hidden",
+    label: "Hidden Field",
+    category: "advanced",
+    icon: "EyeOff",
+    description: "Hidden value from URL or static",
+    defaultConfig: { type: "hidden", source: "static" }
+  },
+  // ── Structural ──
+  section_header: {
+    type: "section_header",
+    label: "Section Header",
+    category: "structural",
+    icon: "Heading",
+    description: "Heading within a section",
+    defaultConfig: { type: "section_header", level: "h3" }
+  },
+  info_block: {
+    type: "info_block",
+    label: "Info Block",
+    category: "structural",
+    icon: "Info",
+    description: "Informational message box",
+    defaultConfig: { type: "info_block", content: "", variant: "info" }
+  },
+  page_break: {
+    type: "page_break",
+    label: "Page Break",
+    category: "structural",
+    icon: "SeparatorHorizontal",
+    description: "Visual separator for print",
+    defaultConfig: { type: "page_break" }
+  },
+  consent: {
+    type: "consent",
+    label: "Consent",
+    category: "structural",
+    icon: "ShieldCheck",
+    description: "Agreement checkbox",
+    defaultConfig: { type: "consent", text: "", checkboxLabel: "I agree" }
+  },
+  // ── Content & Visual ──
+  "welcome-screen": {
+    type: "welcome-screen",
+    label: "Welcome Screen",
+    category: "content",
+    icon: "Hand",
+    description: "Full-width welcome card",
+    defaultConfig: {
+      type: "welcome-screen",
+      heading: "Welcome",
+      buttonText: "Start",
+      alignment: "center"
+    }
+  },
+  "thank-you-screen": {
+    type: "thank-you-screen",
+    label: "Thank You Screen",
+    category: "content",
+    icon: "PartyPopper",
+    description: "Completion screen",
+    defaultConfig: {
+      type: "thank-you-screen",
+      heading: "Thank You!",
+      description: "Your response has been recorded."
+    }
+  },
+  "rich-text": {
+    type: "rich-text",
+    label: "Rich Text",
+    category: "content",
+    icon: "FileText",
+    description: "HTML or Markdown content",
+    defaultConfig: { type: "rich-text", content: "", format: "html" }
+  },
+  image: {
+    type: "image",
+    label: "Image",
+    category: "content",
+    icon: "Image",
+    description: "Display an image",
+    defaultConfig: { type: "image", src: "", alt: "", alignment: "center" }
+  },
+  video: {
+    type: "video",
+    label: "Video",
+    category: "content",
+    icon: "Video",
+    description: "Embed YouTube/Vimeo video",
+    defaultConfig: { type: "video", src: "", provider: "youtube" }
+  },
+  divider: {
+    type: "divider",
+    label: "Divider",
+    category: "content",
+    icon: "Minus",
+    description: "Horizontal line separator",
+    defaultConfig: { type: "divider", style: "solid" }
+  },
+  spacer: {
+    type: "spacer",
+    label: "Spacer",
+    category: "content",
+    icon: "MoveVertical",
+    description: "Vertical spacing",
+    defaultConfig: { type: "spacer", height: 32 }
+  }
+};
+var DEFAULT_PALETTE = [
+  {
+    category: "text",
+    label: "Text Input",
+    types: ["short_text", "long_text", "email", "phone", "url"]
+  },
+  {
+    category: "numeric",
+    label: "Numeric",
+    types: ["number", "slider", "rating", "nps", "opinion_scale"]
+  },
+  {
+    category: "selection",
+    label: "Selection",
+    types: ["single_select", "multi_select", "dropdown", "boolean", "ranking"]
+  },
+  {
+    category: "datetime",
+    label: "Date & Time",
+    types: ["date", "time"]
+  },
+  {
+    category: "media",
+    label: "Media",
+    types: ["file_upload"]
+  },
+  {
+    category: "content",
+    label: "Content & Visual",
+    types: ["welcome-screen", "thank-you-screen", "rich-text", "image", "video", "divider", "spacer"]
+  },
+  {
+    category: "structural",
+    label: "Structural",
+    types: ["section_header", "info_block", "page_break", "consent"]
+  },
+  {
+    category: "advanced",
+    label: "Advanced",
+    types: ["matrix", "calculated", "hidden"]
+  }
+];
+
+// src/form-builder/hooks/use-drag-drop.ts
+function useDragDrop(builderState) {
+  const [activeDragItem, setActiveDragItem] = react.useState(null);
+  const sensors = core.useSensors(
+    core.useSensor(core.MouseSensor, {
+      activationConstraint: {
+        distance: 8
+        // 8px movement to activate drag
+      }
+    }),
+    core.useSensor(core.TouchSensor, {
+      activationConstraint: {
+        delay: 200,
+        tolerance: 5
+      }
+    })
+  );
+  const parseDragItem = (active) => {
+    const data = active.data.current;
+    if (!data) return null;
+    if (data.type === "palette-item") {
+      return { type: "palette-item", questionType: data.questionType };
+    }
+    if (data.type === "question") {
+      return {
+        type: "question",
+        sectionId: data.sectionId,
+        questionId: data.questionId,
+        questionIndex: data.questionIndex
+      };
+    }
+    if (data.type === "section") {
+      return {
+        type: "section",
+        sectionId: data.sectionId,
+        sectionIndex: data.sectionIndex
+      };
+    }
+    return null;
+  };
+  const parseDropTarget = (over) => {
+    if (!over) return null;
+    const data = over.data.current;
+    if (!data) return null;
+    if (data.type === "section") {
+      return { type: "section", sectionId: data.sectionId, index: data.index };
+    }
+    if (data.type === "canvas") {
+      return { type: "canvas", index: data.index };
+    }
+    return null;
+  };
+  const handleDragStart = react.useCallback((event) => {
+    const item = parseDragItem(event.active);
+    setActiveDragItem(item);
+  }, []);
+  const handleDragCancel = react.useCallback(() => {
+    setActiveDragItem(null);
+  }, []);
+  const handleDragEnd = (event) => {
+    setActiveDragItem(null);
+    const { active, over } = event;
+    if (!over) return;
+    const dragItem = parseDragItem(active);
+    const dropTarget = parseDropTarget(over);
+    if (!dragItem || !dropTarget) return;
+    if (dragItem.type === "palette-item") {
+      if (dropTarget.type === "section") {
+        const typeInfo = QUESTION_TYPE_INFO[dragItem.questionType];
+        const newQuestion = {
+          id: generateQuestionId(),
+          type: dragItem.questionType,
+          label: typeInfo?.label ?? "New Question",
+          config: typeInfo?.defaultConfig,
+          options: typeInfo?.requiresOptions ? [
+            { label: "Option 1", value: "option1" },
+            { label: "Option 2", value: "option2" }
+          ] : void 0
+        };
+        builderState.addQuestion(dropTarget.sectionId, newQuestion, dropTarget.index);
+        builderState.selectQuestion(dropTarget.sectionId, newQuestion.id);
+      }
+      return;
+    }
+    if (dragItem.type === "question" && dropTarget.type === "section") {
+      if (dragItem.sectionId === dropTarget.sectionId) {
+        if (dragItem.questionIndex !== dropTarget.index) {
+          builderState.moveQuestion(
+            dragItem.sectionId,
+            dragItem.questionId,
+            dropTarget.sectionId,
+            dropTarget.index
+          );
+        }
+      } else {
+        builderState.moveQuestion(
+          dragItem.sectionId,
+          dragItem.questionId,
+          dropTarget.sectionId,
+          dropTarget.index
+        );
+      }
+      return;
+    }
+    if (dragItem.type === "section" && dropTarget.type === "canvas") {
+      if (dragItem.sectionIndex !== dropTarget.index) {
+        builderState.moveSection(dragItem.sectionId, dropTarget.index);
+      }
+    }
+  };
+  return {
+    sensors,
+    handleDragStart,
+    handleDragEnd,
+    handleDragCancel,
+    activeDragItem
+  };
+}
+
+// src/form-builder/default-schema.ts
+var DEFAULT_SCHEMA = {
+  id: "new-form",
+  version: "1.0.0",
+  title: "Untitled Form",
+  description: "Create your form by dragging fields from the palette.",
+  sections: [
+    {
+      id: "section_default",
+      title: "Section 1",
+      description: "",
+      questions: [
+        {
+          id: "question_default",
+          type: "short_text",
+          label: "Your first question",
+          placeholder: "Enter your answer here",
+          required: false,
+          config: {
+            type: "short_text",
+            maxLength: 255
+          }
+        }
+      ]
+    }
+  ],
+  submitAction: {
+    type: "callback"
+  }
+};
+var ICON_MAP = {
+  Type: lucideReact.Type,
+  AlignLeft: lucideReact.AlignLeft,
+  Mail: lucideReact.Mail,
+  Phone: lucideReact.Phone,
+  PhoneCall: lucideReact.PhoneCall,
+  Link: lucideReact.Link,
+  UserCheck: lucideReact.UserCheck,
+  Hash: lucideReact.Hash,
+  SlidersHorizontal: lucideReact.SlidersHorizontal,
+  Star: lucideReact.Star,
+  BarChart3: lucideReact.BarChart3,
+  TrendingUp: lucideReact.TrendingUp,
+  ListOrdered: lucideReact.ListOrdered,
+  CircleDot: lucideReact.CircleDot,
+  CheckSquare: lucideReact.CheckSquare,
+  ChevronDown: lucideReact.ChevronDown,
+  ToggleLeft: lucideReact.ToggleLeft,
+  Globe: lucideReact.Globe,
+  ArrowUpDown: lucideReact.ArrowUpDown,
+  Calendar: lucideReact.Calendar,
+  Clock: lucideReact.Clock,
+  CalendarRange: lucideReact.CalendarRange,
+  CalendarCheck: lucideReact.CalendarCheck,
+  Paperclip: lucideReact.Paperclip,
+  PenTool: lucideReact.PenTool,
+  Camera: lucideReact.Camera,
+  Grid3X3: lucideReact.Grid3X3,
+  Repeat: lucideReact.Repeat,
+  MapPin: lucideReact.MapPin,
+  CreditCard: lucideReact.CreditCard,
+  Calculator: lucideReact.Calculator,
+  EyeOff: lucideReact.EyeOff,
+  Trophy: lucideReact.Trophy,
+  Heading: lucideReact.Heading,
+  Info: lucideReact.Info,
+  SeparatorHorizontal: lucideReact.SeparatorHorizontal,
+  ShieldCheck: lucideReact.ShieldCheck,
+  Hand: lucideReact.Hand,
+  PartyPopper: lucideReact.PartyPopper,
+  FileText: lucideReact.FileText,
+  Image: lucideReact.Image,
+  Video: lucideReact.Video,
+  Minus: lucideReact.Minus,
+  MoveVertical: lucideReact.MoveVertical,
+  HelpCircle: lucideReact.HelpCircle
+};
+function getIcon(name) {
+  return ICON_MAP[name] ?? lucideReact.HelpCircle;
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function PaletteItem({ questionType, typeInfo }) {
+  const { attributes, listeners, setNodeRef, isDragging } = core.useDraggable({
+    id: `palette-${questionType}`,
+    data: { type: "palette-item", questionType }
+  });
+  const IconComponent = getIcon(typeInfo.icon);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      ...listeners,
+      ...attributes,
+      className: cn(
+        "group/item flex items-center gap-3 px-2 py-1.5 mb-0.5 rounded-md text-sm text-foreground cursor-grab transition-colors",
+        isDragging ? "fcb-dragging border border-primary" : "border border-transparent hover:bg-accent hover:border-border"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 14, className: "shrink-0 text-muted-foreground group-hover/item:text-primary transition-colors", strokeWidth: 1.75 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: typeInfo.label })
+      ]
+    }
+  );
+}
+function QuestionPalette({ questionTypes, palette }) {
+  const [collapsed, setCollapsed] = react.useState({});
+  const [search, setSearch] = react.useState("");
+  const mergedPalette = react.useMemo(
+    () => palette ? [...DEFAULT_PALETTE, ...palette] : DEFAULT_PALETTE,
+    [palette]
+  );
+  const toggleCategory = (category) => {
+    setCollapsed((prev) => ({ ...prev, [category]: !prev[category] }));
+  };
+  const searchLower = search.toLowerCase();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-60 h-full flex flex-col border-r border-border bg-card", role: "region", "aria-label": "Field palette", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 pb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground mb-3", children: "Fields" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Search,
+          {
+            size: 13,
+            className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: "Search fields...",
+            className: "h-8 pl-8 pr-3 text-xs",
+            "aria-label": "Search field types"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto px-3 pb-4 scrollbar-thin", children: mergedPalette.map((category) => {
+      const filteredTypes = search ? category.types.filter((t) => {
+        const info = questionTypes[t];
+        return info && (info.label.toLowerCase().includes(searchLower) || info.description.toLowerCase().includes(searchLower));
+      }) : category.types;
+      if (filteredTypes.length === 0) return null;
+      const isCollapsed = collapsed[category.category] && !search;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleCategory(category.category),
+            className: "flex items-center gap-1.5 w-full px-1 py-1 text-left text-[11px] font-semibold uppercase tracking-widest text-muted-foreground bg-transparent border-0 cursor-pointer",
+            "aria-expanded": !isCollapsed,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.ChevronRight,
+                {
+                  size: 12,
+                  className: cn(
+                    "shrink-0 transition-transform duration-150",
+                    !isCollapsed && "rotate-90"
+                  )
+                }
+              ),
+              category.label
+            ]
+          }
+        ),
+        !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx("div", { children: filteredTypes.map((type) => {
+          const info = questionTypes[type];
+          if (!info) return null;
+          return /* @__PURE__ */ jsxRuntime.jsx(PaletteItem, { questionType: type, typeInfo: info }, type);
+        }) })
+      ] }, category.category);
+    }) })
+  ] });
+}
+function QuestionBlock({
+  question,
+  sectionId,
+  questionIndex,
+  isSelected,
+  builderState
+}) {
+  const typeInfo = QUESTION_TYPE_INFO[question.type];
+  const IconComponent = typeInfo ? getIcon(typeInfo.icon) : null;
+  const [isEditing, setIsEditing] = react.useState(false);
+  const [editValue, setEditValue] = react.useState(question.label);
+  const inputRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!isEditing) setEditValue(question.label);
+  }, [question.label, isEditing]);
+  react.useEffect(() => {
+    if (isEditing && inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, [isEditing]);
+  const { attributes, listeners, setNodeRef: setDragRef, isDragging } = core.useDraggable({
+    id: `question-${question.id}`,
+    data: { type: "question", sectionId, questionId: question.id, questionIndex }
+  });
+  const { setNodeRef: setDropRef } = core.useDroppable({
+    id: `question-drop-${question.id}`,
+    data: { type: "section", sectionId, index: questionIndex }
+  });
+  const handleSelect = () => builderState.selectQuestion(sectionId, question.id);
+  const handleDelete = (e) => {
+    e.stopPropagation();
+    builderState.removeQuestion(sectionId, question.id);
+  };
+  const handleDuplicate = (e) => {
+    e.stopPropagation();
+    builderState.duplicateQuestion(sectionId, question.id);
+  };
+  const handleLabelDoubleClick = (e) => {
+    e.stopPropagation();
+    setIsEditing(true);
+  };
+  const commitEdit = () => {
+    const trimmed = editValue.trim();
+    if (trimmed && trimmed !== question.label) {
+      builderState.updateQuestion(sectionId, question.id, { label: trimmed });
+    } else {
+      setEditValue(question.label);
+    }
+    setIsEditing(false);
+  };
+  const handleEditKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      commitEdit();
+    }
+    if (e.key === "Escape") {
+      setEditValue(question.label);
+      setIsEditing(false);
+    }
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setDropRef, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: setDragRef,
+      onClick: handleSelect,
+      className: cn(
+        "group p-3 mb-1.5 rounded-md border cursor-pointer transition-colors",
+        isSelected ? "fcb-selected border-primary" : "bg-secondary border-border hover:border-fcb-border-strong hover:bg-accent",
+        isDragging && "opacity-40"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ...listeners,
+                ...attributes,
+                className: "cursor-grab text-muted-foreground opacity-40 group-hover:opacity-100 transition-opacity",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { size: 14, strokeWidth: 1.5 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Badge, { variant: "secondary", className: "gap-1.5 text-muted-foreground", children: [
+              IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 11, strokeWidth: 1.75 }),
+              typeInfo?.label ?? question.type
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(
+            "flex gap-0.5 transition-opacity",
+            isSelected ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+          ), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              fieldcraftReact.Button,
+              {
+                variant: "ghost",
+                size: "icon-xs",
+                onClick: handleDuplicate,
+                title: "Duplicate",
+                "aria-label": "Duplicate field",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { size: 12, strokeWidth: 1.75 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              fieldcraftReact.Button,
+              {
+                variant: "ghost",
+                size: "icon-xs",
+                onClick: handleDelete,
+                className: "hover:bg-destructive/10 hover:text-destructive",
+                title: "Delete",
+                "aria-label": "Delete field",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 12, strokeWidth: 1.75 })
+              }
+            )
+          ] })
+        ] }),
+        isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            value: editValue,
+            onChange: (e) => setEditValue(e.target.value),
+            onBlur: commitEdit,
+            onKeyDown: handleEditKeyDown,
+            onClick: (e) => e.stopPropagation(),
+            className: "w-full text-sm font-medium text-foreground bg-transparent border-0 border-b border-primary outline-none py-0.5 px-0"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "text-sm font-medium text-foreground cursor-text",
+            onDoubleClick: handleLabelDoubleClick,
+            title: "Double-click to edit",
+            children: [
+              question.label,
+              question.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-xs text-primary", children: "*" })
+            ]
+          }
+        ),
+        question.helpText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 text-xs text-muted-foreground", children: question.helpText })
+      ]
+    }
+  ) });
+}
+function ConfirmDialog({ open, title, message, onConfirm, onCancel }) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm",
+      onClick: onCancel,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "w-96 max-w-[90vw] bg-card border border-border rounded-xl p-6 fcb-shadow-lg",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-foreground mb-2", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-6 leading-relaxed", children: message }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 justify-end", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Button, { variant: "outline", onClick: onCancel, children: "Cancel" }),
+              /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Button, { variant: "destructive", onClick: onConfirm, children: "Delete" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function SectionBlock({ section, builderState }) {
+  const [confirmDelete, setConfirmDelete] = react.useState(false);
+  const { setNodeRef } = core.useDroppable({
+    id: `section-end-${section.id}`,
+    data: { type: "section", sectionId: section.id, index: section.questions.length }
+  });
+  const handleAddQuestion = () => {
+    const newQuestion = {
+      id: generateQuestionId(),
+      type: "short_text",
+      label: "New Question",
+      config: { type: "short_text", maxLength: 255 }
+    };
+    builderState.addQuestion(section.id, newQuestion, section.questions.length);
+    builderState.selectQuestion(section.id, newQuestion.id);
+  };
+  const isSelected = builderState.selectedItem?.type === "section" && builderState.selectedItem.sectionId === section.id;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          "mb-4 p-4 rounded-lg border transition-colors",
+          isSelected ? "fcb-selected border-primary" : "bg-card border-fcb-border-strong"
+        ),
+        onClick: (e) => {
+          if (e.target === e.currentTarget) builderState.selectSection(section.id);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center mb-4 pb-3 border-b border-fcb-border-strong", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-foreground mb-0.5", children: section.title }),
+              section.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: section.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 shrink-0 ml-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Button, { variant: "secondary", size: "sm", onClick: handleAddQuestion, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 13, strokeWidth: 2 }),
+                "Add Field"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                fieldcraftReact.Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: () => builderState.duplicateSection(section.id),
+                  title: "Duplicate section",
+                  "aria-label": "Duplicate section",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { size: 14, strokeWidth: 1.75 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                fieldcraftReact.Button,
+                {
+                  variant: "ghost",
+                  size: "icon-sm",
+                  onClick: () => setConfirmDelete(true),
+                  className: "hover:bg-destructive/10 hover:text-destructive",
+                  title: "Delete section",
+                  "aria-label": "Delete section",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 14, strokeWidth: 1.75 })
+                }
+              )
+            ] })
+          ] }),
+          section.questions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              ref: setNodeRef,
+              className: "py-8 text-center text-sm text-muted-foreground border border-dashed border-fcb-border-strong rounded-md",
+              children: 'Drag a field from the palette or click "Add Field"'
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            section.questions.map((question, index) => {
+              const isQuestionSelected = builderState.selectedItem?.type === "question" && builderState.selectedItem.sectionId === section.id && builderState.selectedItem.questionId === question.id;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                QuestionBlock,
+                {
+                  question,
+                  sectionId: section.id,
+                  questionIndex: index,
+                  isSelected: isQuestionSelected,
+                  builderState
+                },
+                question.id
+              );
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ref: setNodeRef,
+                className: "h-2 mt-1 rounded-sm transition-colors"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfirmDialog,
+      {
+        open: confirmDelete,
+        title: "Delete Section",
+        message: `Delete "${section.title}" and all its ${section.questions.length} question${section.questions.length !== 1 ? "s" : ""}? This cannot be undone.`,
+        onConfirm: () => {
+          setConfirmDelete(false);
+          builderState.removeSection(section.id);
+        },
+        onCancel: () => setConfirmDelete(false)
+      }
+    )
+  ] });
+}
+function FormCanvas({ builderState }) {
+  const { schema } = builderState;
+  const handleAddSection = () => {
+    const newSection = {
+      id: generateSectionId(),
+      title: `Section ${schema.sections.length + 1}`,
+      description: "",
+      questions: []
+    };
+    builderState.addSection(newSection, schema.sections.length);
+    builderState.selectSection(newSection.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-full overflow-y-auto bg-background fcb-canvas scrollbar-thin", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 max-w-3xl mx-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          value: schema.title,
+          onChange: (e) => {
+            builderState.updateSchema({ ...schema, title: e.target.value });
+          },
+          className: "w-full text-xl font-bold bg-transparent text-foreground border-0 outline-none p-1.5 rounded-md focus:bg-card transition-colors",
+          placeholder: "Form Title"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          value: schema.description ?? "",
+          onChange: (e) => {
+            builderState.updateSchema({ ...schema, description: e.target.value });
+          },
+          className: "w-full text-sm text-muted-foreground bg-transparent border-0 outline-none p-1.5 resize-y min-h-12 rounded-md leading-relaxed focus:bg-card transition-colors",
+          placeholder: "Form description (optional)"
+        }
+      )
+    ] }),
+    schema.sections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-16 text-center border border-dashed border-fcb-border-strong rounded-lg text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base mb-4", children: "No sections yet" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Button, { onClick: handleAddSection, className: "fcb-glow", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 16, strokeWidth: 2 }),
+        "Add First Section"
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      schema.sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        SectionBlock,
+        {
+          section,
+          sectionIndex: index,
+          builderState
+        },
+        section.id
+      )),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleAddSection,
+          className: "w-full py-4 text-sm font-medium rounded-lg border border-dashed border-fcb-border-strong text-muted-foreground bg-transparent flex items-center justify-center gap-2 cursor-pointer transition-colors hover:border-primary hover:text-primary hover:bg-primary/5",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 14, strokeWidth: 2 }),
+            "Add Section"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function useConfigUpdater(question, onUpdate) {
+  return (field, value) => {
+    const current = question.config ?? {};
+    onUpdate({ config: { ...current, type: question.type, [field]: value } });
+  };
+}
+function QuestionConfigEditor({ question, onUpdate }) {
+  const updateConfig = useConfigUpdater(question, onUpdate);
+  const config = question.config ?? {};
+  switch (question.type) {
+    // ── Text ──
+    case "short_text":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Text Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Length", value: config.maxLength, placeholder: "255", onChange: (v) => updateConfig("maxLength", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Input Type", value: config.inputType ?? "text", options: [{ label: "Text", value: "text" }, { label: "Password", value: "password" }], onChange: (v) => updateConfig("inputType", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Prefix", value: config.prefix, placeholder: "e.g. $", onChange: (v) => updateConfig("prefix", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Suffix", value: config.suffix, placeholder: "e.g. USD", onChange: (v) => updateConfig("suffix", v) })
+      ] });
+    case "long_text":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Text Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Length", value: config.maxLength, placeholder: "No limit", onChange: (v) => updateConfig("maxLength", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Rows", value: config.rows, placeholder: "4", onChange: (v) => updateConfig("rows", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Character Count", checked: !!config.showCharCount, onChange: (v) => updateConfig("showCharCount", v) })
+      ] });
+    case "legal_name":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Name Fields", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Middle Name", checked: !!config.showMiddleName, onChange: (v) => updateConfig("showMiddleName", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Suffix", checked: !!config.showSuffix, onChange: (v) => updateConfig("showSuffix", v) })
+      ] });
+    // ── Numeric ──
+    case "number":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Number Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min", value: config.min, onChange: (v) => updateConfig("min", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max", value: config.max, onChange: (v) => updateConfig("max", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Step", value: config.step, placeholder: "1", onChange: (v) => updateConfig("step", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Decimal Places", value: config.decimalPlaces, placeholder: "0", onChange: (v) => updateConfig("decimalPlaces", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Prefix", value: config.prefix, placeholder: "e.g. $", onChange: (v) => updateConfig("prefix", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Suffix", value: config.suffix, placeholder: "e.g. kg", onChange: (v) => updateConfig("suffix", v) })
+      ] });
+    case "slider":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Slider Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min", value: config.min, placeholder: "0", onChange: (v) => updateConfig("min", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max", value: config.max, placeholder: "100", onChange: (v) => updateConfig("max", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Step", value: config.step, placeholder: "1", onChange: (v) => updateConfig("step", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Value", checked: !!config.showValue, onChange: (v) => updateConfig("showValue", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Min Label", value: config.minLabel, onChange: (v) => updateConfig("minLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Max Label", value: config.maxLabel, onChange: (v) => updateConfig("maxLabel", v) })
+      ] });
+    case "rating":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Rating Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Stars", value: config.max, placeholder: "5", onChange: (v) => updateConfig("max", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Icon", value: config.icon ?? "star", options: [{ label: "Star", value: "star" }, { label: "Heart", value: "heart" }, { label: "Circle", value: "circle" }], onChange: (v) => updateConfig("icon", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Labels", checked: !!config.showLabels, onChange: (v) => updateConfig("showLabels", v) })
+      ] });
+    case "nps":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "NPS Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Low Label", value: config.lowLabel ?? "Not likely", onChange: (v) => updateConfig("lowLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "High Label", value: config.highLabel ?? "Very likely", onChange: (v) => updateConfig("highLabel", v) })
+      ] });
+    case "opinion_scale":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Scale Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min", value: config.min, placeholder: "1", onChange: (v) => updateConfig("min", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max", value: config.max, placeholder: "5", onChange: (v) => updateConfig("max", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Step", value: config.step, placeholder: "1", onChange: (v) => updateConfig("step", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Min Label", value: config.minLabel, onChange: (v) => updateConfig("minLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Max Label", value: config.maxLabel, onChange: (v) => updateConfig("maxLabel", v) })
+      ] });
+    case "likert":
+      return /* @__PURE__ */ jsxRuntime.jsx(ConfigSection, { title: "Likert Settings", children: /* @__PURE__ */ jsxRuntime.jsx(LikertLabelsEditor, { labels: config.labels ?? ["Strongly Disagree", "Disagree", "Neutral", "Agree", "Strongly Agree"], onChange: (v) => updateConfig("labels", v) }) });
+    // ── Selection ──
+    case "single_select":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Select Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Layout", value: config.layout ?? "vertical", options: [{ label: "Vertical", value: "vertical" }, { label: "Horizontal", value: "horizontal" }, { label: "Grid", value: "grid" }], onChange: (v) => updateConfig("layout", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Allow Other", checked: !!config.allowOther, onChange: (v) => updateConfig("allowOther", v) }),
+        !!config.allowOther && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Other Label", value: config.otherLabel ?? "Other", onChange: (v) => updateConfig("otherLabel", v) })
+      ] });
+    case "multi_select":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Multi-Select Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Layout", value: config.layout ?? "vertical", options: [{ label: "Vertical", value: "vertical" }, { label: "Horizontal", value: "horizontal" }, { label: "Grid", value: "grid" }], onChange: (v) => updateConfig("layout", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min Selections", value: config.minSelections, onChange: (v) => updateConfig("minSelections", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Selections", value: config.maxSelections, onChange: (v) => updateConfig("maxSelections", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Allow Other", checked: !!config.allowOther, onChange: (v) => updateConfig("allowOther", v) }),
+        !!config.allowOther && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Other Label", value: config.otherLabel ?? "Other", onChange: (v) => updateConfig("otherLabel", v) })
+      ] });
+    case "dropdown":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Dropdown Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Searchable", checked: !!config.searchable, onChange: (v) => updateConfig("searchable", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Allow Other", checked: !!config.allowOther, onChange: (v) => updateConfig("allowOther", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Multiple", checked: !!config.multiple, onChange: (v) => updateConfig("multiple", v) })
+      ] });
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Yes/No Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Style", value: config.style ?? "toggle", options: [{ label: "Toggle", value: "toggle" }, { label: "Radio", value: "radio" }, { label: "Checkbox", value: "checkbox" }], onChange: (v) => updateConfig("style", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "True Label", value: config.trueLabel ?? "Yes", onChange: (v) => updateConfig("trueLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "False Label", value: config.falseLabel ?? "No", onChange: (v) => updateConfig("falseLabel", v) })
+      ] });
+    case "country_select":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Country Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Flags", checked: config.showFlags !== false, onChange: (v) => updateConfig("showFlags", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Priority Countries", value: config.priorityCountries?.join(", "), placeholder: "e.g. US, GB, CA", onChange: (v) => updateConfig("priorityCountries", v ? v.split(",").map((s) => s.trim()).filter(Boolean) : void 0) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Exclude Countries", value: config.excludeCountries?.join(", "), placeholder: "e.g. XX, YY", onChange: (v) => updateConfig("excludeCountries", v ? v.split(",").map((s) => s.trim()).filter(Boolean) : void 0) })
+      ] });
+    // ── Date/Time ──
+    case "date":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Date Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Min Date", value: config.minDate, placeholder: "YYYY-MM-DD", onChange: (v) => updateConfig("minDate", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Max Date", value: config.maxDate, placeholder: "YYYY-MM-DD", onChange: (v) => updateConfig("maxDate", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Disable Past Dates", checked: !!config.disablePast, onChange: (v) => updateConfig("disablePast", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Disable Future Dates", checked: !!config.disableFuture, onChange: (v) => updateConfig("disableFuture", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Format", value: config.format, placeholder: "e.g. MM/DD/YYYY", onChange: (v) => updateConfig("format", v) })
+      ] });
+    case "time":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Time Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Format", value: config.format ?? "12h", options: [{ label: "12 Hour", value: "12h" }, { label: "24 Hour", value: "24h" }], onChange: (v) => updateConfig("format", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Minute Step", value: config.minuteStep, placeholder: "1", onChange: (v) => updateConfig("minuteStep", v) })
+      ] });
+    case "date_range":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Date Range Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Min Date", value: config.minDate, placeholder: "YYYY-MM-DD", onChange: (v) => updateConfig("minDate", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Max Date", value: config.maxDate, placeholder: "YYYY-MM-DD", onChange: (v) => updateConfig("maxDate", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Range (days)", value: config.maxRangeDays, onChange: (v) => updateConfig("maxRangeDays", v) })
+      ] });
+    case "appointment":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Appointment Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Duration (min)", value: config.duration ?? 30, onChange: (v) => updateConfig("duration", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Timezone", value: config.timezone, placeholder: "e.g. America/New_York", onChange: (v) => updateConfig("timezone", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Slots URL", value: config.slotsUrl, placeholder: "API endpoint for available slots", onChange: (v) => updateConfig("slotsUrl", v) })
+      ] });
+    // ── Media ──
+    case "file_upload":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Upload Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Files", value: config.maxFiles ?? 1, onChange: (v) => updateConfig("maxFiles", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Size (MB)", value: config.maxSizeMb ?? 10, onChange: (v) => updateConfig("maxSizeMb", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Accepted Types", value: config.accept?.join(", "), placeholder: "e.g. .pdf, .jpg, .png", onChange: (v) => updateConfig("accept", v ? v.split(",").map((s) => s.trim()) : void 0) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Upload URL", value: config.uploadUrl, placeholder: "Server upload endpoint", onChange: (v) => updateConfig("uploadUrl", v) })
+      ] });
+    case "signature":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Signature Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Pen Color", value: config.penColor, placeholder: "#000000", onChange: (v) => updateConfig("penColor", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Background", value: config.backgroundColor, placeholder: "#ffffff", onChange: (v) => updateConfig("backgroundColor", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Width (px)", value: config.width, onChange: (v) => updateConfig("width", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Height (px)", value: config.height, onChange: (v) => updateConfig("height", v) })
+      ] });
+    case "image_capture":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Camera Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Camera", value: config.camera ?? "any", options: [{ label: "Any", value: "any" }, { label: "Front", value: "front" }, { label: "Back", value: "back" }], onChange: (v) => updateConfig("camera", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Size (MB)", value: config.maxSizeMb, onChange: (v) => updateConfig("maxSizeMb", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Allow Gallery", checked: config.allowGallery !== false, onChange: (v) => updateConfig("allowGallery", v) })
+      ] });
+    // ── Content & Visual ──
+    case "welcome-screen":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Welcome Screen", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Heading", value: config.heading ?? "Welcome", onChange: (v) => updateConfig("heading", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextareaField, { label: "Description", value: config.description, onChange: (v) => updateConfig("description", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Button Text", value: config.buttonText ?? "Start", onChange: (v) => updateConfig("buttonText", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Image URL", value: config.imageUrl, placeholder: "https://...", onChange: (v) => updateConfig("imageUrl", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Alignment", value: config.alignment ?? "center", options: [{ label: "Left", value: "left" }, { label: "Center", value: "center" }, { label: "Right", value: "right" }], onChange: (v) => updateConfig("alignment", v) })
+      ] });
+    case "thank-you-screen":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Thank You Screen", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Heading", value: config.heading ?? "Thank You!", onChange: (v) => updateConfig("heading", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextareaField, { label: "Description", value: config.description ?? "", onChange: (v) => updateConfig("description", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Image URL", value: config.imageUrl, placeholder: "https://...", onChange: (v) => updateConfig("imageUrl", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Redirect URL", value: config.redirectUrl, placeholder: "https://...", onChange: (v) => updateConfig("redirectUrl", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Redirect Delay (s)", value: config.redirectDelay, placeholder: "0", onChange: (v) => updateConfig("redirectDelay", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Response Summary", checked: !!config.showSummary, onChange: (v) => updateConfig("showSummary", v) })
+      ] });
+    case "rich-text":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Rich Text", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextareaField, { label: "Content", value: config.content ?? "", rows: 6, onChange: (v) => updateConfig("content", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Format", value: config.format ?? "html", options: [{ label: "HTML", value: "html" }, { label: "Markdown", value: "markdown" }], onChange: (v) => updateConfig("format", v) })
+      ] });
+    case "image":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Image Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Source URL", value: config.src ?? "", placeholder: "https://...", onChange: (v) => updateConfig("src", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Alt Text", value: config.alt ?? "", onChange: (v) => updateConfig("alt", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Caption", value: config.caption, onChange: (v) => updateConfig("caption", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Alignment", value: config.alignment ?? "center", options: [{ label: "Left", value: "left" }, { label: "Center", value: "center" }, { label: "Right", value: "right" }], onChange: (v) => updateConfig("alignment", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Width", value: config.width, placeholder: "e.g. 100% or 300px", onChange: (v) => updateConfig("width", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Link URL", value: config.link, placeholder: "Click opens this URL", onChange: (v) => updateConfig("link", v) })
+      ] });
+    case "video":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Video Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Source URL", value: config.src ?? "", placeholder: "YouTube/Vimeo URL", onChange: (v) => updateConfig("src", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Provider", value: config.provider ?? "youtube", options: [{ label: "YouTube", value: "youtube" }, { label: "Vimeo", value: "vimeo" }, { label: "Direct URL", value: "url" }], onChange: (v) => updateConfig("provider", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Autoplay", checked: !!config.autoplay, onChange: (v) => updateConfig("autoplay", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Muted", checked: !!config.muted, onChange: (v) => updateConfig("muted", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Width", value: config.width, placeholder: "e.g. 100% or 640px", onChange: (v) => updateConfig("width", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Height", value: config.height, placeholder: "e.g. 360px", onChange: (v) => updateConfig("height", v) })
+      ] });
+    case "divider":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Divider Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Style", value: config.style ?? "solid", options: [{ label: "Solid", value: "solid" }, { label: "Dashed", value: "dashed" }, { label: "Dotted", value: "dotted" }], onChange: (v) => updateConfig("style", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Color", value: config.color, placeholder: "#e5e7eb", onChange: (v) => updateConfig("color", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Thickness (px)", value: config.thickness, placeholder: "1", onChange: (v) => updateConfig("thickness", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Spacing (px)", value: config.spacing, placeholder: "16", onChange: (v) => updateConfig("spacing", v) })
+      ] });
+    case "spacer":
+      return /* @__PURE__ */ jsxRuntime.jsx(ConfigSection, { title: "Spacer Settings", children: /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Height (px)", value: config.height ?? 32, onChange: (v) => updateConfig("height", v) }) });
+    // ── Structural ──
+    case "section_header":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Header Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Level", value: config.level ?? "h3", options: [{ label: "H2", value: "h2" }, { label: "H3", value: "h3" }, { label: "H4", value: "h4" }], onChange: (v) => updateConfig("level", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Divider", checked: !!config.showDivider, onChange: (v) => updateConfig("showDivider", v) })
+      ] });
+    case "info_block":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Info Block", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextareaField, { label: "Content", value: config.content ?? "", rows: 4, onChange: (v) => updateConfig("content", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Variant", value: config.variant ?? "info", options: [{ label: "Info", value: "info" }, { label: "Warning", value: "warning" }, { label: "Success", value: "success" }, { label: "Error", value: "error" }], onChange: (v) => updateConfig("variant", v) })
+      ] });
+    case "page_break":
+      return /* @__PURE__ */ jsxRuntime.jsx(ConfigSection, { title: "Page Break", children: /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Label", value: config.label, placeholder: "Next page label", onChange: (v) => updateConfig("label", v) }) });
+    case "consent":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Consent Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextareaField, { label: "Consent Text", value: config.text ?? "", rows: 4, onChange: (v) => updateConfig("text", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Checkbox Label", value: config.checkboxLabel ?? "I agree", onChange: (v) => updateConfig("checkboxLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextareaField, { label: "Expandable Text", value: config.expandableText, rows: 3, placeholder: "Additional text shown on expand", onChange: (v) => updateConfig("expandableText", v) })
+      ] });
+    // ── Advanced ──
+    case "matrix":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Matrix Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Input Type", value: config.inputType ?? "radio", options: [{ label: "Radio", value: "radio" }, { label: "Checkbox", value: "checkbox" }, { label: "Text", value: "text" }, { label: "Number", value: "number" }], onChange: (v) => updateConfig("inputType", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Required", value: config.required ?? "none", options: [{ label: "All rows", value: "all" }, { label: "Any row", value: "any" }, { label: "None", value: "none" }], onChange: (v) => updateConfig("required", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(MatrixItemsEditor, { label: "Rows", items: config.rows ?? [], onChange: (v) => updateConfig("rows", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(MatrixItemsEditor, { label: "Columns", items: config.columns ?? [], onChange: (v) => updateConfig("columns", v) })
+      ] });
+    case "repeater":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Repeater Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Min Entries", value: config.minEntries, placeholder: "1", onChange: (v) => updateConfig("minEntries", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Max Entries", value: config.maxEntries, onChange: (v) => updateConfig("maxEntries", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Default Entries", value: config.defaultEntries, placeholder: "1", onChange: (v) => updateConfig("defaultEntries", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Add Button Label", value: config.addLabel, placeholder: "Add Entry", onChange: (v) => updateConfig("addLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Remove Button Label", value: config.removeLabel, placeholder: "Remove", onChange: (v) => updateConfig("removeLabel", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 text-[11px] text-muted-foreground leading-relaxed", children: "Sub-fields for each repeater entry are configured by nesting questions inside the repeater in the schema JSON." })
+      ] });
+    case "address": {
+      const ADDRESS_FIELDS = [
+        { label: "Street", value: "street" },
+        { label: "Street 2", value: "street2" },
+        { label: "City", value: "city" },
+        { label: "State", value: "state" },
+        { label: "ZIP Code", value: "zip" },
+        { label: "Country", value: "country" }
+      ];
+      const activeFields = config.fields ?? ["street", "city", "state", "zip", "country"];
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Address Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Provider", value: config.provider ?? "none", options: [{ label: "None", value: "none" }, { label: "Google", value: "google" }, { label: "Mapbox", value: "mapbox" }], onChange: (v) => updateConfig("provider", v) }),
+        config.provider !== "none" && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "API Key", value: config.apiKey, placeholder: "Provider API key", onChange: (v) => updateConfig("apiKey", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Default Country", value: config.defaultCountry, placeholder: "e.g. US", onChange: (v) => updateConfig("defaultCountry", v) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-2 block", children: "Fields" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: ADDRESS_FIELDS.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
+            ToggleField,
+            {
+              label: f.label,
+              checked: activeFields.includes(f.value),
+              onChange: (checked) => {
+                const next = checked ? [...activeFields, f.value] : activeFields.filter((v) => v !== f.value);
+                updateConfig("fields", next.length > 0 ? next : void 0);
+              }
+            },
+            f.value
+          )) })
+        ] })
+      ] });
+    }
+    case "payment":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Payment Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Provider", value: config.provider ?? "stripe", options: [{ label: "Stripe", value: "stripe" }, { label: "PayPal", value: "paypal" }], onChange: (v) => updateConfig("provider", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Public Key", value: config.publicKey ?? "", placeholder: "Provider public/client key", onChange: (v) => updateConfig("publicKey", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Amount", value: config.amount, onChange: (v) => updateConfig("amount", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Amount Field", value: config.amountField, placeholder: "Field ID for dynamic amount", onChange: (v) => updateConfig("amountField", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Currency", value: config.currency, placeholder: "USD", onChange: (v) => updateConfig("currency", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Description", value: config.description, onChange: (v) => updateConfig("description", v) })
+      ] });
+    case "calculated":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Calculated Field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Expression", value: config.expression ?? "", placeholder: "e.g. {q1} + {q2}", onChange: (v) => updateConfig("expression", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Format", value: config.format ?? "number", options: [{ label: "Number", value: "number" }, { label: "Currency", value: "currency" }, { label: "Percentage", value: "percentage" }], onChange: (v) => updateConfig("format", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(NumberField, { label: "Decimal Places", value: config.decimalPlaces, placeholder: "2", onChange: (v) => updateConfig("decimalPlaces", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Prefix", value: config.prefix, onChange: (v) => updateConfig("prefix", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Suffix", value: config.suffix, onChange: (v) => updateConfig("suffix", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Visible to User", checked: config.visible !== false, onChange: (v) => updateConfig("visible", v) })
+      ] });
+    case "hidden":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Hidden Field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectField, { label: "Source", value: config.source ?? "static", options: [{ label: "Static Value", value: "static" }, { label: "URL Parameter", value: "url_param" }, { label: "Cookie", value: "cookie" }, { label: "Referrer", value: "referrer" }], onChange: (v) => updateConfig("source", v) }),
+        config.source === "static" && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Default Value", value: config.defaultValue, onChange: (v) => updateConfig("defaultValue", v) }),
+        config.source === "url_param" && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Parameter Name", value: config.paramName, placeholder: "e.g. utm_source", onChange: (v) => updateConfig("paramName", v) }),
+        config.source === "cookie" && /* @__PURE__ */ jsxRuntime.jsx(TextField, { label: "Cookie Name", value: config.cookieName, onChange: (v) => updateConfig("cookieName", v) })
+      ] });
+    case "scoring":
+      return /* @__PURE__ */ jsxRuntime.jsxs(ConfigSection, { title: "Scoring Settings", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ToggleField, { label: "Show Score", checked: !!config.showScore, onChange: (v) => updateConfig("showScore", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ScoringOptionsEditor, { options: config.options ?? [], onChange: (v) => updateConfig("options", v) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ScoreRangesEditor, { ranges: config.scoreRanges ?? [], onChange: (v) => updateConfig("scoreRanges", v) })
+      ] });
+    case "ranking":
+      return /* @__PURE__ */ jsxRuntime.jsx(ConfigSection, { title: "Ranking Settings", children: /* @__PURE__ */ jsxRuntime.jsx(MatrixItemsEditor, { label: "Items", items: config.items ?? [], onChange: (v) => updateConfig("items", v) }) });
+    // Types with no additional config
+    case "email":
+    case "phone":
+    case "phone_international":
+    case "url":
+      return null;
+    default:
+      return null;
+  }
+}
+function ConfigSection({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Separator, { className: "mb-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3 block", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children })
+  ] });
+}
+function TextField({
+  label,
+  value,
+  placeholder,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fieldcraftReact.Input,
+      {
+        value: value ?? "",
+        onChange: (e) => onChange(e.target.value || void 0),
+        placeholder
+      }
+    )
+  ] });
+}
+function TextareaField({
+  label,
+  value,
+  placeholder,
+  rows,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fieldcraftReact.Textarea,
+      {
+        value: value ?? "",
+        onChange: (e) => onChange(e.target.value || void 0),
+        placeholder,
+        rows: rows ?? 3
+      }
+    )
+  ] });
+}
+function NumberField({
+  label,
+  value,
+  placeholder,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fieldcraftReact.Input,
+      {
+        type: "number",
+        value: value ?? "",
+        onChange: (e) => {
+          const v = e.target.value;
+          onChange(v === "" ? void 0 : Number(v));
+        },
+        placeholder
+      }
+    )
+  ] });
+}
+function ToggleField({
+  label,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Switch, { checked, onCheckedChange: onChange })
+  ] });
+}
+function SelectField({
+  label,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          value,
+          onChange: (e) => onChange(e.target.value),
+          className: "flex h-9 w-full appearance-none rounded-md border border-input bg-card px-3 py-1 pr-8 text-sm shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring text-foreground cursor-pointer",
+          children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) })
+    ] })
+  ] });
+}
+function LikertLabelsEditor({
+  labels,
+  onChange
+}) {
+  const handleUpdate = (index, value) => {
+    const updated = labels.map((l, i) => i === index ? value : l);
+    onChange(updated);
+  };
+  const handleAdd = () => {
+    onChange([...labels, `Label ${labels.length + 1}`]);
+  };
+  const handleRemove = (index) => {
+    if (labels.length <= 2) return;
+    onChange(labels.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: "Scale Labels" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleAdd,
+          className: "text-xs text-primary hover:underline",
+          children: "+ Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: labels.map((label, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground w-4 text-right shrink-0", children: index + 1 }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: label,
+          onChange: (e) => handleUpdate(index, e.target.value),
+          className: "h-7 text-xs flex-1"
+        }
+      ),
+      labels.length > 2 && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleRemove(index),
+          className: "text-xs text-destructive opacity-0 group-hover:opacity-100 transition-opacity px-1",
+          children: "x"
+        }
+      )
+    ] }, index)) })
+  ] });
+}
+function MatrixItemsEditor({
+  label,
+  items,
+  onChange
+}) {
+  const handleUpdate = (index, newLabel) => {
+    const updated = items.map(
+      (item, i) => i === index ? { label: newLabel, value: newLabel.toLowerCase().replace(/\s+/g, "_") } : item
+    );
+    onChange(updated);
+  };
+  const handleAdd = () => {
+    const n = items.length + 1;
+    onChange([...items, { label: `${label.slice(0, -1)} ${n}`, value: `${label.toLowerCase().slice(0, -1)}${n}` }]);
+  };
+  const handleRemove = (index) => {
+    if (items.length <= 1) return;
+    onChange(items.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleAdd,
+          className: "text-xs text-primary hover:underline",
+          children: "+ Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: item.label,
+          onChange: (e) => handleUpdate(index, e.target.value),
+          className: "h-7 text-xs flex-1"
+        }
+      ),
+      items.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleRemove(index),
+          className: "text-xs text-destructive opacity-0 group-hover:opacity-100 transition-opacity px-1",
+          children: "x"
+        }
+      )
+    ] }, index)) })
+  ] });
+}
+function ScoringOptionsEditor({
+  options,
+  onChange
+}) {
+  const handleUpdate = (index, field, val) => {
+    const updated = options.map((opt, i) => {
+      if (i !== index) return opt;
+      if (field === "label") {
+        const label = val;
+        return { ...opt, label, value: label.toLowerCase().replace(/\s+/g, "_") };
+      }
+      return { ...opt, score: val };
+    });
+    onChange(updated);
+  };
+  const handleAdd = () => {
+    const n = options.length + 1;
+    onChange([...options, { label: `Option ${n}`, value: `option_${n}`, score: 0 }]);
+  };
+  const handleRemove = (index) => {
+    if (options.length <= 1) return;
+    onChange(options.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: "Score Options" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleAdd, className: "text-xs text-primary hover:underline", children: "+ Add" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: options.map((opt, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: opt.label,
+          onChange: (e) => handleUpdate(index, "label", e.target.value),
+          className: "h-7 text-xs flex-1",
+          placeholder: "Label"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          type: "number",
+          value: opt.score,
+          onChange: (e) => handleUpdate(index, "score", Number(e.target.value)),
+          className: "h-7 text-xs w-16",
+          placeholder: "Score"
+        }
+      ),
+      options.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => handleRemove(index), className: "text-xs text-destructive opacity-0 group-hover:opacity-100 transition-opacity px-1", children: "x" })
+    ] }, index)) })
+  ] });
+}
+function ScoreRangesEditor({
+  ranges,
+  onChange
+}) {
+  const handleUpdate = (index, updates) => {
+    const updated = ranges.map((r, i) => i === index ? { ...r, ...updates } : r);
+    onChange(updated);
+  };
+  const handleAdd = () => {
+    const lastMax = ranges.length > 0 ? ranges[ranges.length - 1].max : 0;
+    onChange([...ranges, { min: lastMax, max: lastMax + 10, label: `Range ${ranges.length + 1}` }]);
+  };
+  const handleRemove = (index) => {
+    onChange(ranges.filter((_, i) => i !== index));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: "Score Ranges" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleAdd, className: "text-xs text-primary hover:underline", children: "+ Add" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: ranges.map((range, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 rounded-md border border-border space-y-1.5 group", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Input, { type: "number", value: range.min, onChange: (e) => handleUpdate(index, { min: Number(e.target.value) }), className: "h-7 text-xs w-16", placeholder: "Min" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "to" }),
+        /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Input, { type: "number", value: range.max, onChange: (e) => handleUpdate(index, { max: Number(e.target.value) }), className: "h-7 text-xs w-16", placeholder: "Max" }),
+        /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Input, { value: range.label, onChange: (e) => handleUpdate(index, { label: e.target.value }), className: "h-7 text-xs flex-1", placeholder: "Label" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => handleRemove(index), className: "text-xs text-destructive opacity-0 group-hover:opacity-100 transition-opacity px-1", children: "x" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Input, { value: range.description ?? "", onChange: (e) => handleUpdate(index, { description: e.target.value || void 0 }), className: "h-7 text-xs", placeholder: "Description (optional)" })
+    ] }, index)) })
+  ] });
+}
+var RULE_TYPES = [
+  { value: "minLength", label: "Min Length", description: "Minimum character count" },
+  { value: "maxLength", label: "Max Length", description: "Maximum character count" },
+  { value: "min", label: "Min Value", description: "Minimum numeric value" },
+  { value: "max", label: "Max Value", description: "Maximum numeric value" },
+  { value: "pattern", label: "Pattern", description: "Regex pattern match" },
+  { value: "email", label: "Email Format", description: "Valid email address" },
+  { value: "phone", label: "Phone Format", description: "Valid phone number" },
+  { value: "url", label: "URL Format", description: "Valid URL" },
+  { value: "date", label: "Date Range", description: "Date within range" },
+  { value: "fileSize", label: "File Size", description: "Max file size in MB" },
+  { value: "fileType", label: "File Type", description: "Accepted file types" },
+  { value: "custom", label: "Custom", description: "Named custom validator" }
+];
+function ValidationRulesEditor({ question, onUpdate }) {
+  const rules = question.validation ?? [];
+  const updateRules = (next) => {
+    onUpdate({ validation: next.length > 0 ? next : void 0 });
+  };
+  const addRule = (type) => {
+    const newRule = createDefaultRule(type);
+    if (newRule) updateRules([...rules, newRule]);
+  };
+  const updateRule = (index, updated) => {
+    updateRules(rules.map((r, i) => i === index ? updated : r));
+  };
+  const removeRule = (index) => {
+    updateRules(rules.filter((_, i) => i !== index));
+  };
+  const usedTypes = new Set(rules.map((r) => r.type));
+  const availableTypes = RULE_TYPES.filter((t) => !usedTypes.has(t.value));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Separator, { className: "mb-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3 block", children: "Validation Rules" }),
+    rules.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-3", children: "No validation rules configured." }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: rules.map((rule, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      RuleRow,
+      {
+        rule,
+        onChange: (updated) => updateRule(index, updated),
+        onRemove: () => removeRule(index)
+      },
+      `${rule.type}-${index}`
+    )) }),
+    availableTypes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          value: "",
+          onChange: (e) => {
+            if (e.target.value) addRule(e.target.value);
+          },
+          className: "flex h-8 w-full appearance-none rounded-md border border-input bg-card px-3 py-1 pr-8 text-xs shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring text-muted-foreground cursor-pointer",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("option", { value: "", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 12 }),
+              " Add validation rule..."
+            ] }),
+            availableTypes.map((t) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: t.value, children: t.label }, t.value))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 size-3.5 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) })
+    ] }) })
+  ] });
+}
+function RuleRow({
+  rule,
+  onChange,
+  onRemove
+}) {
+  const ruleInfo = RULE_TYPES.find((t) => t.value === rule.type);
+  const label = ruleInfo?.label ?? rule.type;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 rounded-md border border-border space-y-1.5 group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-foreground", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onRemove,
+          className: "opacity-0 group-hover:opacity-100 transition-opacity",
+          title: "Remove rule",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 12, className: "text-destructive", strokeWidth: 1.75 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(RuleFields, { rule, onChange }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fieldcraftReact.Input,
+      {
+        value: rule.message ?? "",
+        onChange: (e) => onChange({ ...rule, message: e.target.value || void 0 }),
+        className: "h-7 text-xs",
+        placeholder: "Custom error message (optional)"
+      }
+    )
+  ] });
+}
+function RuleFields({
+  rule,
+  onChange
+}) {
+  switch (rule.type) {
+    case "min":
+    case "max":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          type: "number",
+          value: rule.value,
+          onChange: (e) => onChange({ ...rule, value: Number(e.target.value) }),
+          className: "h-7 text-xs",
+          placeholder: rule.type === "min" ? "Minimum value" : "Maximum value"
+        }
+      );
+    case "minLength":
+    case "maxLength":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          type: "number",
+          value: rule.value,
+          onChange: (e) => onChange({ ...rule, value: Number(e.target.value) }),
+          className: "h-7 text-xs",
+          placeholder: rule.type === "minLength" ? "Minimum characters" : "Maximum characters"
+        }
+      );
+    case "pattern":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: rule.regex,
+            onChange: (e) => onChange({ ...rule, regex: e.target.value }),
+            className: "h-7 text-xs font-mono",
+            placeholder: "Regex pattern, e.g. ^[A-Z]+"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: rule.flags ?? "",
+            onChange: (e) => onChange({ ...rule, flags: e.target.value || void 0 }),
+            className: "h-7 text-xs font-mono",
+            placeholder: "Flags, e.g. gi"
+          }
+        )
+      ] });
+    case "date":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: rule.min ?? "",
+            onChange: (e) => onChange({ ...rule, min: e.target.value || void 0 }),
+            className: "h-7 text-xs flex-1",
+            placeholder: "Min date (YYYY-MM-DD)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: rule.max ?? "",
+            onChange: (e) => onChange({ ...rule, max: e.target.value || void 0 }),
+            className: "h-7 text-xs flex-1",
+            placeholder: "Max date"
+          }
+        )
+      ] });
+    case "fileSize":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          type: "number",
+          value: rule.maxMb,
+          onChange: (e) => onChange({ ...rule, maxMb: Number(e.target.value) }),
+          className: "h-7 text-xs",
+          placeholder: "Max size in MB"
+        }
+      );
+    case "fileType":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: rule.accept.join(", "),
+          onChange: (e) => onChange({ ...rule, accept: e.target.value.split(",").map((s) => s.trim()).filter(Boolean) }),
+          className: "h-7 text-xs",
+          placeholder: ".pdf, .jpg, .png"
+        }
+      );
+    case "custom":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: rule.name,
+          onChange: (e) => onChange({ ...rule, name: e.target.value }),
+          className: "h-7 text-xs",
+          placeholder: "Validator name"
+        }
+      );
+    // email, phone, url — no extra fields needed
+    case "email":
+    case "phone":
+    case "url":
+      return null;
+    default:
+      return null;
+  }
+}
+function createDefaultRule(type) {
+  switch (type) {
+    case "required":
+      return { type: "required" };
+    case "min":
+      return { type: "min", value: 0 };
+    case "max":
+      return { type: "max", value: 100 };
+    case "minLength":
+      return { type: "minLength", value: 1 };
+    case "maxLength":
+      return { type: "maxLength", value: 255 };
+    case "pattern":
+      return { type: "pattern", regex: "" };
+    case "email":
+      return { type: "email" };
+    case "phone":
+      return { type: "phone" };
+    case "url":
+      return { type: "url" };
+    case "date":
+      return { type: "date" };
+    case "fileSize":
+      return { type: "fileSize", maxMb: 10 };
+    case "fileType":
+      return { type: "fileType", accept: [] };
+    case "custom":
+      return { type: "custom", name: "" };
+    default:
+      return null;
+  }
+}
+var OPERATORS = [
+  { value: "eq", label: "equals" },
+  { value: "neq", label: "not equals" },
+  { value: "gt", label: "greater than" },
+  { value: "gte", label: "greater or equal" },
+  { value: "lt", label: "less than" },
+  { value: "lte", label: "less or equal" },
+  { value: "contains", label: "contains" },
+  { value: "notContains", label: "not contains" },
+  { value: "startsWith", label: "starts with" },
+  { value: "endsWith", label: "ends with" },
+  { value: "in", label: "in list" },
+  { value: "notIn", label: "not in list" },
+  { value: "exists", label: "has value" },
+  { value: "notExists", label: "is empty" },
+  { value: "between", label: "between" },
+  { value: "matches", label: "matches regex" }
+];
+function getFieldOptions(schema, excludeId) {
+  const fields = [];
+  for (const section of schema.sections) {
+    for (const q of section.questions) {
+      if (q.id !== excludeId) {
+        fields.push({ id: q.id, label: q.label || q.id });
+      }
+    }
+  }
+  return fields;
+}
+function ConditionEditor({ question, schema, onUpdate }) {
+  const showIf = question.showIf;
+  const fieldOptions = getFieldOptions(schema, question.id);
+  const updateShowIf = (next) => {
+    onUpdate({ showIf: next });
+  };
+  const hasConditions = showIf && showIf.conditions && showIf.conditions.length > 0;
+  const addCondition = () => {
+    const firstField = fieldOptions.length > 0 ? fieldOptions[0].id : "";
+    const newCondition = {
+      field: firstField,
+      operator: "eq",
+      value: ""
+    };
+    if (!showIf) {
+      updateShowIf({ combine: "AND", conditions: [newCondition] });
+    } else {
+      updateShowIf({
+        ...showIf,
+        conditions: [...showIf.conditions ?? [], newCondition]
+      });
+    }
+  };
+  const updateCondition = (index, updates) => {
+    if (!showIf?.conditions) return;
+    const updated = showIf.conditions.map((c, i) => i === index ? { ...c, ...updates } : c);
+    updateShowIf({ ...showIf, conditions: updated });
+  };
+  const removeCondition = (index) => {
+    if (!showIf?.conditions) return;
+    const updated = showIf.conditions.filter((_, i) => i !== index);
+    if (updated.length === 0) {
+      updateShowIf(void 0);
+    } else {
+      updateShowIf({ ...showIf, conditions: updated });
+    }
+  };
+  const toggleCombine = () => {
+    if (!showIf) return;
+    updateShowIf({ ...showIf, combine: showIf.combine === "AND" ? "OR" : "AND" });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Separator, { className: "mb-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3 block", children: "Visibility Rules" }),
+    !hasConditions && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-3", children: "Always visible. Add a rule to show this field conditionally." }),
+    hasConditions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 mb-3", children: showIf.conditions.map((cond, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      index > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: toggleCombine,
+          className: "text-[10px] font-semibold uppercase tracking-wider text-primary mb-1.5 block cursor-pointer hover:underline",
+          children: showIf.combine ?? "AND"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 rounded-md border border-border space-y-1.5 group", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: "When" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeCondition(index),
+              className: "opacity-0 group-hover:opacity-100 transition-opacity",
+              title: "Remove condition",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 12, className: "text-destructive", strokeWidth: 1.75 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: cond.field ?? "",
+              onChange: (e) => updateCondition(index, { field: e.target.value }),
+              className: "flex h-7 w-full appearance-none rounded-md border border-input bg-card px-2 py-1 pr-7 text-xs shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring text-foreground cursor-pointer",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select field..." }),
+                fieldOptions.map((f) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: f.id, children: f.label }, f.id))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 size-3 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              value: cond.operator ?? "eq",
+              onChange: (e) => updateCondition(index, { operator: e.target.value }),
+              className: "flex h-7 w-full appearance-none rounded-md border border-input bg-card px-2 py-1 pr-7 text-xs shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring text-foreground cursor-pointer",
+              children: OPERATORS.map((op) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: op.value, children: op.label }, op.value))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 size-3 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) })
+        ] }),
+        cond.operator !== "exists" && cond.operator !== "notExists" && /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: String(cond.value ?? ""),
+            onChange: (e) => updateCondition(index, { value: e.target.value }),
+            className: "h-7 text-xs",
+            placeholder: "Value"
+          }
+        )
+      ] })
+    ] }, index)) }),
+    fieldOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: addCondition,
+        className: "flex items-center gap-1.5 text-xs text-primary hover:underline",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 12, strokeWidth: 2 }),
+          "Add condition"
+        ]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: "Add other fields to create visibility rules." })
+  ] });
+}
+function FormSettingsPanel({ schema, onUpdate }) {
+  const settings = schema.settings ?? {};
+  const updateSettings = (updates) => {
+    onUpdate({ ...schema, settings: { ...settings, ...updates } });
+  };
+  const updateSubmitButton = (updates) => {
+    onUpdate({
+      ...schema,
+      settings: {
+        ...settings,
+        submitButton: { ...settings.submitButton, ...updates }
+      }
+    });
+  };
+  const updateNavigation = (updates) => {
+    onUpdate({
+      ...schema,
+      settings: {
+        ...settings,
+        navigation: { ...settings.navigation, ...updates }
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(SettingsSection, { title: "Display", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SettingsSelect,
+        {
+          label: "Mode",
+          value: settings.displayMode ?? "classic",
+          options: [
+            { label: "Classic", value: "classic" },
+            { label: "Stepped", value: "stepped" },
+            { label: "Conversational", value: "conversational" }
+          ],
+          onChange: (v) => updateSettings({ displayMode: v })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsToggle, { label: "Show Progress", checked: settings.showProgress !== false, onChange: (v) => updateSettings({ showProgress: v }) }),
+      settings.showProgress !== false && /* @__PURE__ */ jsxRuntime.jsx(
+        SettingsSelect,
+        {
+          label: "Progress Style",
+          value: settings.progressStyle ?? "bar",
+          options: [
+            { label: "Bar", value: "bar" },
+            { label: "Steps", value: "steps" },
+            { label: "Percentage", value: "percentage" }
+          ],
+          onChange: (v) => updateSettings({ progressStyle: v })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SettingsSection, { title: "Submit Button", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Label", value: settings.submitButton?.label ?? "", placeholder: "Submit", onChange: (v) => updateSubmitButton({ label: v || void 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Loading Label", value: settings.submitButton?.loadingLabel ?? "", placeholder: "Submitting...", onChange: (v) => updateSubmitButton({ loadingLabel: v || void 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Success Label", value: settings.submitButton?.successLabel ?? "", placeholder: "Submitted!", onChange: (v) => updateSubmitButton({ successLabel: v || void 0 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SettingsSection, { title: "Navigation", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsToggle, { label: "Show Back Button", checked: settings.navigation?.showBack !== false, onChange: (v) => updateNavigation({ showBack: v }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsToggle, { label: "Show Section List", checked: !!settings.navigation?.showSectionList, onChange: (v) => updateNavigation({ showSectionList: v }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsToggle, { label: "Allow Skip", checked: !!settings.navigation?.allowSkip, onChange: (v) => updateNavigation({ allowSkip: v }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Next Label", value: settings.navigation?.nextLabel ?? "", placeholder: "Next", onChange: (v) => updateNavigation({ nextLabel: v || void 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Back Label", value: settings.navigation?.backLabel ?? "", placeholder: "Back", onChange: (v) => updateNavigation({ backLabel: v || void 0 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SettingsSection, { title: "Drafts", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsToggle, { label: "Allow Draft Save", checked: !!settings.allowDraftSave, onChange: (v) => updateSettings({ allowDraftSave: v }) }),
+      settings.allowDraftSave && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SettingsSelect,
+          {
+            label: "Storage",
+            value: settings.draftStorage ?? "local",
+            options: [
+              { label: "Local", value: "local" },
+              { label: "Server", value: "server" },
+              { label: "Both", value: "both" }
+            ],
+            onChange: (v) => updateSettings({ draftStorage: v })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SettingsNumber, { label: "Draft TTL (hours)", value: settings.draftTtlHours, placeholder: "24", onChange: (v) => updateSettings({ draftTtlHours: v }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SettingsSection, { title: "Advanced", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Locale", value: settings.locale ?? "", placeholder: "en", onChange: (v) => updateSettings({ locale: v || void 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsField, { label: "Server URL", value: settings.serverUrl ?? "", placeholder: "https://api.example.com/submit", onChange: (v) => updateSettings({ serverUrl: v || void 0 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(SettingsToggle, { label: "No PII in Logs", checked: !!settings.noPiiInLogs, onChange: (v) => updateSettings({ noPiiInLogs: v }) })
+    ] })
+  ] });
+}
+function SettingsSection({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Separator, { className: "mb-4" }),
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3 block", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children })
+  ] });
+}
+function SettingsField({
+  label,
+  value,
+  placeholder,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fieldcraftReact.Input,
+      {
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder
+      }
+    )
+  ] });
+}
+function SettingsNumber({
+  label,
+  value,
+  placeholder,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      fieldcraftReact.Input,
+      {
+        type: "number",
+        value: value ?? "",
+        onChange: (e) => onChange(e.target.value === "" ? void 0 : Number(e.target.value)),
+        placeholder
+      }
+    )
+  ] });
+}
+function SettingsToggle({
+  label,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Switch, { checked, onCheckedChange: onChange })
+  ] });
+}
+function SettingsSelect({
+  label,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          value,
+          onChange: (e) => onChange(e.target.value),
+          className: "flex h-9 w-full appearance-none rounded-md border border-input bg-card px-3 py-1 pr-8 text-sm shadow-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring text-foreground cursor-pointer",
+          children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" }) })
+    ] })
+  ] });
+}
+function PropertiesPanel({ builderState }) {
+  const { schema, selectedItem } = builderState;
+  const [showSettings, setShowSettings] = react.useState(false);
+  if (showSettings) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-80 h-full border-l border-border bg-card flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PanelHeader, { title: "Form Settings", onClose: () => setShowSettings(false) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ jsxRuntime.jsx(FormSettingsPanel, { schema, onUpdate: builderState.updateSchema }) })
+    ] });
+  }
+  if (!selectedItem) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-80 h-full border-l border-border bg-card flex flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 px-4 py-3 border-b border-border flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Properties" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: () => setShowSettings(true),
+            title: "Form settings",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 14, strokeWidth: 1.75 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Select a field or section to edit" }) })
+    ] });
+  }
+  if (selectedItem.type === "section") {
+    const found2 = findSection(schema, selectedItem.sectionId);
+    if (!found2) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SectionProperties,
+      {
+        section: found2.section,
+        onUpdate: (updates) => builderState.updateSection(selectedItem.sectionId, updates),
+        onClose: builderState.clearSelection,
+        onOpenSettings: () => setShowSettings(true)
+      }
+    );
+  }
+  const found = findQuestion(schema, selectedItem.sectionId, selectedItem.questionId);
+  if (!found) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    QuestionProperties,
+    {
+      question: found.question,
+      sectionId: selectedItem.sectionId,
+      builderState,
+      onClose: builderState.clearSelection,
+      onOpenSettings: () => setShowSettings(true)
+    }
+  );
+}
+function SectionProperties({ section, onUpdate, onClose, onOpenSettings }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-80 h-full border-l border-border bg-card flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PanelHeader, { title: "Section Properties", onClose, children: /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Button, { type: "button", variant: "ghost", size: "icon-xs", onClick: onOpenSettings, title: "Form settings", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 13, strokeWidth: 1.75 }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { label: "Title", children: /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: section.title,
+          onChange: (e) => onUpdate({ title: e.target.value })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Textarea,
+        {
+          value: section.description ?? "",
+          onChange: (e) => onUpdate({ description: e.target.value }),
+          rows: 3
+        }
+      ) })
+    ] })
+  ] });
+}
+function QuestionProperties({ question, sectionId, builderState, onClose, onOpenSettings }) {
+  const [activeTab, setActiveTab] = react.useState("basic");
+  const typeInfo = QUESTION_TYPE_INFO[question.type];
+  const IconComponent = typeInfo ? getIcon(typeInfo.icon) : null;
+  const hasOptions = typeInfo?.requiresOptions || question.options && question.options.length > 0;
+  const updateQuestion2 = react.useCallback(
+    (updates) => {
+      builderState.updateQuestion(sectionId, question.id, updates);
+    },
+    [builderState, sectionId, question.id]
+  );
+  const tabs = [
+    { key: "basic", label: "Basic" },
+    { key: "validation", label: "Rules" },
+    { key: "logic", label: "Logic" }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-80 h-full border-l border-border bg-card flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PanelHeader, { title: "Field Properties", onClose, children: /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Button, { type: "button", variant: "ghost", size: "icon-xs", onClick: onOpenSettings, title: "Form settings", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { size: 13, strokeWidth: 1.75 }) }) }),
+    IconComponent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pt-3 pb-0", children: /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Badge, { variant: "secondary", className: "gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 11, strokeWidth: 1.75 }),
+      typeInfo?.label
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 px-4 pt-3 flex gap-0.5", children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setActiveTab(tab.key),
+        className: cn(
+          "px-3 py-1.5 text-xs font-medium rounded-md border-0 cursor-pointer transition-colors",
+          activeTab === tab.key ? "bg-primary text-primary-foreground" : "bg-transparent text-muted-foreground hover:bg-accent hover:text-foreground"
+        ),
+        children: tab.label
+      },
+      tab.key
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: [
+      activeTab === "basic" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { label: "Label", children: /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: question.label,
+            onChange: (e) => updateQuestion2({ label: e.target.value })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { label: "Help Text", children: /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: question.helpText ?? "",
+            onChange: (e) => updateQuestion2({ helpText: e.target.value || void 0 }),
+            placeholder: "Optional help text below the field"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FieldGroup, { label: "Placeholder", children: /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Input,
+          {
+            value: question.placeholder ?? "",
+            onChange: (e) => updateQuestion2({ placeholder: e.target.value || void 0 }),
+            placeholder: "Input placeholder text"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { htmlFor: "required-switch", children: "Required" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            fieldcraftReact.Switch,
+            {
+              id: "required-switch",
+              checked: !!question.required,
+              onCheckedChange: (checked) => updateQuestion2({ required: checked })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(QuestionConfigEditor, { question, onUpdate: updateQuestion2 }),
+        hasOptions && /* @__PURE__ */ jsxRuntime.jsx(
+          OptionsEditor,
+          {
+            options: question.options ?? [],
+            sectionId,
+            questionId: question.id,
+            builderState
+          }
+        )
+      ] }),
+      activeTab === "validation" && /* @__PURE__ */ jsxRuntime.jsx(ValidationRulesEditor, { question, onUpdate: updateQuestion2 }),
+      activeTab === "logic" && /* @__PURE__ */ jsxRuntime.jsx(ConditionEditor, { question, schema: builderState.schema, onUpdate: updateQuestion2 })
+    ] })
+  ] });
+}
+function OptionsEditor({ options, sectionId, questionId, builderState }) {
+  const handleAddOption = () => {
+    const index = options.length;
+    const newOption = {
+      label: `Option ${index + 1}`,
+      value: `option${index + 1}`
+    };
+    builderState.updateQuestion(sectionId, questionId, {
+      options: [...options, newOption]
+    });
+  };
+  const handleUpdateOption = (index, updates) => {
+    const updated = options.map(
+      (opt, i) => i === index ? { ...opt, ...updates } : opt
+    );
+    builderState.updateQuestion(sectionId, questionId, { options: updated });
+  };
+  const handleRemoveOption = (index) => {
+    if (options.length <= 1) return;
+    const updated = options.filter((_, i) => i !== index);
+    builderState.updateQuestion(sectionId, questionId, { options: updated });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { children: "Options" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Button, { type: "button", variant: "secondary", size: "xs", onClick: handleAddOption, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 12, strokeWidth: 2 }),
+        "Add"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground cursor-grab shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { size: 12, strokeWidth: 1.5 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Input,
+        {
+          value: option.label,
+          onChange: (e) => {
+            const label = e.target.value;
+            handleUpdateOption(index, {
+              label,
+              value: label.toLowerCase().replace(/\s+/g, "_")
+            });
+          },
+          className: "h-8 flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => handleRemoveOption(index),
+          disabled: options.length <= 1,
+          className: "shrink-0 opacity-0 group-hover:opacity-100 transition-opacity disabled:opacity-0 hover:bg-destructive/10 hover:text-destructive",
+          title: "Remove option",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { size: 12, strokeWidth: 1.75 })
+        }
+      )
+    ] }, index)) })
+  ] });
+}
+function PanelHeader({
+  title,
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 px-4 py-3 border-b border-border flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        fieldcraftReact.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: onClose,
+          title: "Close panel",
+          "aria-label": "Close properties panel",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14, strokeWidth: 1.75 })
+        }
+      )
+    ] })
+  ] });
+}
+function FieldGroup({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Label, { className: "text-xs text-muted-foreground mb-1.5", children: label }),
+    children
+  ] });
+}
+var ThemeCtx = react.createContext({});
+function useBuilderTheme() {
+  return react.useContext(ThemeCtx);
+}
+function themeToCssVars(theme) {
+  const vars = {};
+  if (theme.background) vars["--background"] = theme.background;
+  if (theme.foreground) vars["--foreground"] = theme.foreground;
+  if (theme.card) {
+    vars["--card"] = theme.card;
+    vars["--card-foreground"] = theme.foreground ?? "";
+    vars["--popover"] = theme.card;
+    vars["--popover-foreground"] = theme.foreground ?? "";
+  }
+  if (theme.primary) vars["--primary"] = theme.primary;
+  if (theme.primaryForeground) vars["--primary-foreground"] = theme.primaryForeground;
+  if (theme.secondary) vars["--secondary"] = theme.secondary;
+  if (theme.secondaryForeground) vars["--secondary-foreground"] = theme.secondaryForeground;
+  if (theme.muted) vars["--muted"] = theme.muted;
+  if (theme.mutedForeground) vars["--muted-foreground"] = theme.mutedForeground;
+  if (theme.accent) vars["--accent"] = theme.accent;
+  if (theme.accentForeground) vars["--accent-foreground"] = theme.accentForeground;
+  if (theme.destructive) vars["--destructive"] = theme.destructive;
+  if (theme.destructiveForeground) vars["--destructive-foreground"] = theme.destructiveForeground;
+  if (theme.border) vars["--border"] = theme.border;
+  if (theme.input) vars["--input"] = theme.input;
+  if (theme.ring) vars["--ring"] = theme.ring;
+  if (theme.radius) vars["--radius"] = theme.radius;
+  if (theme.surface) vars["--fcb-surface"] = theme.surface;
+  if (theme.surfaceHover) vars["--fcb-surface-hover"] = theme.surfaceHover;
+  if (theme.canvas) vars["--fcb-canvas"] = theme.canvas;
+  if (theme.panel) vars["--fcb-panel"] = theme.panel;
+  if (theme.borderStrong) vars["--fcb-border-strong"] = theme.borderStrong;
+  if (theme.textDim) vars["--fcb-text-dim"] = theme.textDim;
+  return vars;
+}
+function FormBuilderThemeProvider({ theme, children }) {
+  const resolved = theme ?? {};
+  const cssVars = react.useMemo(() => themeToCssVars(resolved), [resolved]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeCtx.Provider, { value: resolved, children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-fcb-root": "", style: cssVars, className: "w-full h-full", children }) });
+}
+var FormBuilderErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    console.error("[FormBuilder] Render error:", error, info.componentStack);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center h-full bg-background text-foreground p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md text-center space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: "Something went wrong" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "The form builder encountered an unexpected error. Your schema data is preserved." }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-xs text-destructive bg-destructive/10 rounded-md p-3 text-left overflow-auto max-h-32", children: this.state.error?.message }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          fieldcraftReact.Button,
+          {
+            onClick: () => this.setState({ hasError: false, error: null }),
+            variant: "outline",
+            children: "Try Again"
+          }
+        )
+      ] }) });
+    }
+    return this.props.children;
+  }
+};
+function FormBuilderCore(props) {
+  const { initialSchema = DEFAULT_SCHEMA, onChange, onSave, height = "100vh", theme, className, toolbarExtra, questionTypes, palette } = props;
+  const mergedQuestionTypes = questionTypes ? { ...QUESTION_TYPE_INFO, ...questionTypes } : QUESTION_TYPE_INFO;
+  const builderState = useBuilderState(initialSchema);
+  const dragDrop = useDragDrop(builderState);
+  const fileInputRef = react.useRef(null);
+  react.useEffect(() => {
+    if (onChange && builderState.isDirty) {
+      onChange(builderState.schema);
+    }
+  }, [builderState.schema, builderState.isDirty, onChange]);
+  const handleSave = react.useCallback(() => {
+    if (onSave) {
+      onSave(builderState.schema);
+      builderState.markClean();
+    }
+  }, [onSave, builderState]);
+  const handleExport = react.useCallback(() => {
+    const json = JSON.stringify(builderState.schema, null, 2);
+    const blob = new Blob([json], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${builderState.schema.title?.replace(/\s+/g, "-").toLowerCase() || "form"}-schema.json`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [builderState.schema]);
+  const handleImport = react.useCallback(() => {
+    fileInputRef.current?.click();
+  }, []);
+  const handleFileChange = react.useCallback(
+    (e) => {
+      const file = e.target.files?.[0];
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        try {
+          const parsed = JSON.parse(event.target?.result);
+          if (parsed && parsed.sections && Array.isArray(parsed.sections)) {
+            builderState.resetSchema(parsed);
+          } else {
+            alert("Invalid schema: must contain a 'sections' array.");
+          }
+        } catch {
+          alert("Failed to parse JSON file.");
+        }
+      };
+      reader.readAsText(file);
+      e.target.value = "";
+    },
+    [builderState]
+  );
+  const handleKeyDown = react.useCallback(
+    (e) => {
+      const mod = e.metaKey || e.ctrlKey;
+      const tag = e.target.tagName;
+      const isEditing = tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+      if (mod && e.key === "z" && !e.shiftKey) {
+        e.preventDefault();
+        builderState.undo();
+        return;
+      }
+      if (mod && e.key === "z" && e.shiftKey) {
+        e.preventDefault();
+        builderState.redo();
+        return;
+      }
+      if (mod && e.key === "s") {
+        e.preventDefault();
+        handleSave();
+        return;
+      }
+      if (isEditing) return;
+      if (e.key === "Delete" || e.key === "Backspace") {
+        const sel = builderState.selectedItem;
+        if (!sel) return;
+        e.preventDefault();
+        if (sel.type === "question") {
+          builderState.removeQuestion(sel.sectionId, sel.questionId);
+        } else if (sel.type === "section") {
+          builderState.removeSection(sel.sectionId);
+        }
+        return;
+      }
+      if (e.key === "Escape") {
+        if (builderState.selectedItem) {
+          e.preventDefault();
+          builderState.clearSelection();
+        }
+        return;
+      }
+      if (mod && e.key === "d") {
+        const sel = builderState.selectedItem;
+        if (!sel) return;
+        e.preventDefault();
+        if (sel.type === "question") {
+          builderState.duplicateQuestion(sel.sectionId, sel.questionId);
+        } else if (sel.type === "section") {
+          builderState.duplicateSection(sel.sectionId);
+        }
+      }
+    },
+    [builderState, handleSave]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(FormBuilderThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    core.DndContext,
+    {
+      sensors: dragDrop.sensors,
+      onDragStart: dragDrop.handleDragStart,
+      onDragEnd: dragDrop.handleDragEnd,
+      onDragCancel: dragDrop.handleDragCancel,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn("flex flex-col bg-background text-foreground", className),
+            style: { height: typeof height === "number" ? `${height}px` : height },
+            onKeyDown: handleKeyDown,
+            tabIndex: -1,
+            role: "application",
+            "aria-label": "Form Builder",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-12 shrink-0 grid px-4 bg-card border-b border-border", style: { gridTemplateColumns: "1fr auto 1fr" }, role: "toolbar", "aria-label": "Builder toolbar", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    fieldcraftReact.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: builderState.undo,
+                      disabled: !builderState.canUndo,
+                      className: "disabled:opacity-30",
+                      title: "Undo (Ctrl+Z)",
+                      "aria-label": "Undo",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Undo2, { size: 16, strokeWidth: 1.75 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    fieldcraftReact.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: builderState.redo,
+                      disabled: !builderState.canRedo,
+                      className: "disabled:opacity-30",
+                      title: "Redo (Ctrl+Shift+Z)",
+                      "aria-label": "Redo",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Redo2, { size: 16, strokeWidth: 1.75 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Separator, { orientation: "vertical", className: "mx-2 h-5" }),
+                  builderState.isDirty && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-primary", role: "status", children: "Unsaved changes" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: toolbarExtra }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-1.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    fieldcraftReact.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: handleImport,
+                      title: "Import schema JSON",
+                      "aria-label": "Import schema",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { size: 15, strokeWidth: 1.75 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    fieldcraftReact.Button,
+                    {
+                      variant: "ghost",
+                      size: "icon-sm",
+                      onClick: handleExport,
+                      title: "Export schema JSON",
+                      "aria-label": "Export schema",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 15, strokeWidth: 1.75 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(fieldcraftReact.Separator, { orientation: "vertical", className: "mx-1 h-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Button, { onClick: handleSave, className: "border-0 shadow-sm fcb-glow", "aria-label": "Save form", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { size: 14, strokeWidth: 2 }),
+                    "Save"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    ref: fileInputRef,
+                    type: "file",
+                    accept: ".json,application/json",
+                    onChange: handleFileChange,
+                    className: "hidden",
+                    "aria-hidden": "true"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex overflow-hidden", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(QuestionPalette, { questionTypes: mergedQuestionTypes, palette }),
+                /* @__PURE__ */ jsxRuntime.jsx(FormCanvas, { builderState }),
+                /* @__PURE__ */ jsxRuntime.jsx(PropertiesPanel, { builderState })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { dropAnimation: null, children: dragDrop.activeDragItem && /* @__PURE__ */ jsxRuntime.jsx(DragOverlayContent, { item: dragDrop.activeDragItem, schema: builderState.schema, questionTypes: mergedQuestionTypes }) })
+      ]
+    }
+  ) });
+}
+function DragOverlayContent({
+  item,
+  schema,
+  questionTypes: types
+}) {
+  if (item.type === "palette-item") {
+    const typeInfo = types[item.questionType];
+    if (!typeInfo) return null;
+    const IconComponent = getIcon(typeInfo.icon);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-3 py-2 rounded-md border border-primary bg-card text-foreground text-sm fcb-shadow-lg cursor-grabbing", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 14, className: "shrink-0 text-primary", strokeWidth: 1.75 }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: typeInfo.label })
+    ] });
+  }
+  if (item.type === "question") {
+    const found = findQuestion(schema, item.sectionId, item.questionId);
+    if (!found) return null;
+    const typeInfo = types[found.question.type];
+    const IconComponent = typeInfo ? getIcon(typeInfo.icon) : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 rounded-md border border-primary bg-card text-foreground fcb-shadow-lg cursor-grabbing max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-1", children: /* @__PURE__ */ jsxRuntime.jsxs(fieldcraftReact.Badge, { variant: "secondary", className: "gap-1.5 text-muted-foreground", children: [
+        IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { size: 11, strokeWidth: 1.75 }),
+        typeInfo?.label ?? found.question.type
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium", children: found.question.label })
+    ] });
+  }
+  if (item.type === "section") {
+    const section = schema.sections.find((s) => s.id === item.sectionId);
+    if (!section) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 rounded-md border border-primary bg-card text-foreground fcb-shadow-lg cursor-grabbing max-w-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold", children: section.title }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground mt-0.5", children: [
+        section.questions.length,
+        " field",
+        section.questions.length !== 1 ? "s" : ""
+      ] })
+    ] });
+  }
+  return null;
+}
+function FormBuilderInner(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormBuilderErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(FormBuilderCore, { ...props }) });
+}
+
+// src/form-builder/components/FormBuilderGated.tsx
+var FormBuilder = fieldcraftProLicense.requireLicense(FormBuilderInner, "FormBuilder");
+
+// src/form-builder/theme/presets.ts
+var squaredrDarkPreset = {
+  background: "#0a0a0b",
+  // ink-950
+  foreground: "#e8e8ea",
+  // ink-100
+  card: "#111113",
+  // ink-900
+  primary: "oklch(0.82 0.14 210)",
+  // sr-accent-cyan
+  primaryForeground: "#0a0a0b",
+  // ink-950
+  secondary: "#17171a",
+  // ink-850
+  secondaryForeground: "#e8e8ea",
+  // ink-100
+  muted: "#111113",
+  // ink-900
+  mutedForeground: "#8a8a95",
+  // ink-400
+  accent: "#17171a",
+  // ink-850
+  accentForeground: "#e8e8ea",
+  // ink-100
+  destructive: "oklch(0.68 0.22 25)",
+  // sr-error
+  destructiveForeground: "#e8e8ea",
+  // ink-100
+  border: "#1c1c20",
+  // ink-800
+  input: "#1c1c20",
+  // ink-800
+  ring: "oklch(0.82 0.14 210)",
+  // sr-accent-cyan
+  radius: "6px",
+  surface: "#111113",
+  // ink-900
+  surfaceHover: "#17171a",
+  // ink-850
+  canvas: "#0a0a0b",
+  // ink-950
+  panel: "#111113",
+  // ink-900
+  borderStrong: "#26262c",
+  // ink-700
+  textDim: "#5a5a66"
+  // ink-500
+};
+var cleanPreset = {
+  background: "#ffffff",
+  foreground: "#111113",
+  card: "#f9fafb",
+  primary: "#0d9488",
+  primaryForeground: "#ffffff",
+  secondary: "#f3f4f6",
+  secondaryForeground: "#111113",
+  muted: "#f3f4f6",
+  mutedForeground: "#6b7280",
+  accent: "#f3f4f6",
+  accentForeground: "#111113",
+  destructive: "#ef4444",
+  destructiveForeground: "#ffffff",
+  border: "#e5e7eb",
+  input: "#e5e7eb",
+  ring: "#0d9488",
+  radius: "6px",
+  surface: "#f9fafb",
+  surfaceHover: "#f3f4f6",
+  canvas: "#ffffff",
+  panel: "#ffffff",
+  borderStrong: "#d1d5db",
+  textDim: "#9ca3af"
+};
+function ResponseTable({ schema, responses, onRowClick }) {
+  const questions = getAllQuestions(schema);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflow: "auto", fontFamily: "inherit" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "table",
+    {
+      style: {
+        width: "100%",
+        borderCollapse: "collapse",
+        fontSize: "13px"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { backgroundColor: "var(--muted, #111113)" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { style: thStyle, children: "Submitted" }),
+          questions.map((q) => /* @__PURE__ */ jsxRuntime.jsx("th", { style: thStyle, children: q.label }, q.id)),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { style: thStyle, children: "Score" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+          responses.map((response, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "tr",
+            {
+              onClick: () => onRowClick?.(response),
+              style: {
+                cursor: onRowClick ? "pointer" : "default",
+                borderBottom: "1px solid var(--border, #1c1c20)"
+              },
+              onMouseEnter: (e) => {
+                if (onRowClick) e.currentTarget.style.backgroundColor = "var(--accent, #17171a)";
+              },
+              onMouseLeave: (e) => {
+                e.currentTarget.style.backgroundColor = "transparent";
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { style: tdStyle, children: new Date(response.submittedAt).toLocaleString() }),
+                questions.map((q) => /* @__PURE__ */ jsxRuntime.jsx("td", { style: tdStyle, children: formatCellValue(response.values[q.id]) }, q.id)),
+                /* @__PURE__ */ jsxRuntime.jsx("td", { style: tdStyle, children: response.totalScore ?? "\u2014" })
+              ]
+            },
+            response.sessionToken || idx
+          )),
+          responses.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "td",
+            {
+              colSpan: questions.length + 2,
+              style: { ...tdStyle, textAlign: "center", color: "var(--muted-foreground, #8a8a95)", padding: "32px" },
+              children: "No responses yet"
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) });
+}
+var thStyle = {
+  padding: "8px 12px",
+  textAlign: "left",
+  fontWeight: 600,
+  color: "var(--foreground, #e8e8ea)",
+  borderBottom: "2px solid var(--border, #1c1c20)",
+  whiteSpace: "nowrap"
+};
+var tdStyle = {
+  padding: "8px 12px",
+  color: "var(--foreground, #e8e8ea)",
+  maxWidth: "200px",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+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) {
+  if (value == null) return "\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, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      onClick,
+      style: {
+        border: "1px solid var(--border, #1c1c20)",
+        borderRadius: "8px",
+        padding: "16px",
+        backgroundColor: "var(--card, #111113)",
+        cursor: onClick ? "pointer" : "default",
+        fontFamily: "inherit",
+        transition: "box-shadow 0.15s"
+      },
+      onMouseEnter: (e) => {
+        if (onClick) e.currentTarget.style.boxShadow = "0 2px 8px rgba(0,0,0,0.3)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.boxShadow = "none";
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              marginBottom: "12px",
+              fontSize: "12px",
+              color: "var(--muted-foreground, #8a8a95)"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(response.submittedAt).toLocaleString() }),
+              response.completionTimeMs != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                Math.round(response.completionTimeMs / 1e3),
+                "s"
+              ] })
+            ]
+          }
+        ),
+        fields.slice(0, 4).map((field) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "8px" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "11px", color: "var(--muted-foreground, #8a8a95)", marginBottom: "2px" }, children: field.label }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "13px", color: "var(--foreground, #e8e8ea)" }, children: formatValue(field.value) })
+        ] }, field.questionId)),
+        fields.length > 4 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "12px", color: "var(--muted-foreground, #8a8a95)", marginTop: "8px" }, children: [
+          "+",
+          fields.length - 4,
+          " more fields"
+        ] }),
+        response.totalScore != null && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              marginTop: "12px",
+              paddingTop: "8px",
+              borderTop: "1px solid var(--border, #1c1c20)",
+              fontSize: "13px",
+              fontWeight: 600,
+              color: "var(--foreground, #e8e8ea)"
+            },
+            children: [
+              "Score: ",
+              response.totalScore
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function formatValue(value) {
+  if (value == null) return "\u2014";
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.map(formatValue).join(", ");
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+function ResponseDetail({ response, fields, onBack }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontFamily: "inherit" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "12px",
+          marginBottom: "20px",
+          paddingBottom: "12px",
+          borderBottom: "1px solid var(--border, #1c1c20)"
+        },
+        children: [
+          onBack && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onBack,
+              style: {
+                padding: "4px 10px",
+                fontSize: "13px",
+                color: "var(--secondary-foreground, #e8e8ea)",
+                backgroundColor: "var(--secondary, #17171a)",
+                border: "1px solid var(--border, #1c1c20)",
+                borderRadius: "6px",
+                cursor: "pointer"
+              },
+              children: "Back"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", fontWeight: 600, color: "var(--foreground, #e8e8ea)" }, children: "Response Detail" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "12px", color: "var(--muted-foreground, #8a8a95)" }, children: [
+              "Submitted ",
+              new Date(response.submittedAt).toLocaleString(),
+              response.completionTimeMs != null && ` \u2014 ${Math.round(response.completionTimeMs / 1e3)}s`
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          backgroundColor: "var(--muted, #111113)",
+          borderRadius: "6px"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "12px", color: "var(--muted-foreground, #8a8a95)", marginBottom: "4px" }, children: [
+            field.label,
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { marginLeft: "8px", fontSize: "11px", color: "var(--muted-foreground, #8a8a95)" }, children: [
+              "(",
+              field.type,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", color: "var(--foreground, #e8e8ea)", whiteSpace: "pre-wrap" }, children: formatDetailValue(field.value) })
+        ]
+      },
+      field.questionId
+    )) }),
+    response.scores && Object.keys(response.scores).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "20px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            fontSize: "14px",
+            fontWeight: 600,
+            color: "var(--foreground, #e8e8ea)",
+            marginBottom: "12px"
+          },
+          children: "Scores"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "12px", flexWrap: "wrap" }, children: [
+        Object.entries(response.scores).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              padding: "8px 16px",
+              backgroundColor: "var(--accent, #17171a)",
+              borderRadius: "6px",
+              fontSize: "13px"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "var(--muted-foreground, #8a8a95)" }, children: [
+                key,
+                ": "
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600, color: "var(--primary, oklch(0.82 0.14 210))" }, children: value })
+            ]
+          },
+          key
+        )),
+        response.totalScore != null && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              padding: "8px 16px",
+              backgroundColor: "var(--accent, #17171a)",
+              borderRadius: "6px",
+              fontSize: "13px"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "var(--muted-foreground, #8a8a95)" }, children: "Total: " }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600, color: "var(--primary, oklch(0.82 0.14 210))" }, children: response.totalScore })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          marginTop: "20px",
+          paddingTop: "12px",
+          borderTop: "1px solid var(--border, #1c1c20)",
+          fontSize: "12px",
+          color: "var(--muted-foreground, #8a8a95)"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            "Schema: ",
+            response.schemaId,
+            " (v",
+            response.schemaVersion,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            "Session: ",
+            response.sessionToken
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function formatDetailValue(value) {
+  if (value == null) return "\u2014";
+  if (typeof value === "boolean") return value ? "Yes" : "No";
+  if (Array.isArray(value)) return value.map(formatDetailValue).join("\n");
+  if (typeof value === "object") return JSON.stringify(value, null, 2);
+  return String(value);
+}
+var viewButtonStyle = (active) => ({
+  padding: "4px 10px",
+  fontSize: "12px",
+  fontWeight: active ? 600 : 400,
+  color: active ? "var(--primary, oklch(0.82 0.14 210))" : "var(--muted-foreground, #8a8a95)",
+  backgroundColor: active ? "var(--accent, #17171a)" : "transparent",
+  border: "1px solid",
+  borderColor: active ? "var(--ring, oklch(0.82 0.14 210))" : "var(--border, #1c1c20)",
+  borderRadius: "6px",
+  cursor: "pointer",
+  fontFamily: "inherit"
+});
+function ResponseViewerInner({
+  schema,
+  responses,
+  onResponseSelect,
+  height = "500px",
+  width = "100%"
+}) {
+  const [viewMode, setViewMode] = react.useState("table");
+  const [selectedResponse, setSelectedResponse] = react.useState(null);
+  function handleSelect(response) {
+    setSelectedResponse(response);
+    onResponseSelect?.(response);
+  }
+  function handleBack() {
+    setSelectedResponse(null);
+  }
+  const questions = getAllQuestions2(schema);
+  function getFields(response) {
+    return questions.map((q) => ({
+      questionId: q.id,
+      label: q.label,
+      type: q.type,
+      value: response.values[q.id]
+    }));
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: typeof height === "number" ? `${height}px` : height,
+        width: typeof width === "number" ? `${width}px` : width,
+        border: "1px solid var(--border, #1c1c20)",
+        borderRadius: "8px",
+        overflow: "hidden",
+        fontFamily: "inherit",
+        backgroundColor: "var(--background, #0a0a0b)",
+        color: "var(--foreground, #e8e8ea)"
+      },
+      children: [
+        !selectedResponse && /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              padding: "8px 12px",
+              borderBottom: "1px solid var(--border, #1c1c20)"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: "13px", color: "var(--muted-foreground, #8a8a95)" }, children: [
+                responses.length,
+                " response",
+                responses.length !== 1 ? "s" : ""
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "4px" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    style: viewButtonStyle(viewMode === "table"),
+                    onClick: () => setViewMode("table"),
+                    children: "Table"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    style: viewButtonStyle(viewMode === "card"),
+                    onClick: () => setViewMode("card"),
+                    children: "Cards"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, overflow: "auto", padding: selectedResponse ? "16px" : void 0 }, children: selectedResponse ? /* @__PURE__ */ jsxRuntime.jsx(
+          ResponseDetail,
+          {
+            response: selectedResponse,
+            fields: getFields(selectedResponse),
+            onBack: handleBack
+          }
+        ) : viewMode === "table" ? /* @__PURE__ */ jsxRuntime.jsx(
+          ResponseTable,
+          {
+            schema,
+            responses,
+            onRowClick: handleSelect
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
+              gap: "12px",
+              padding: "12px"
+            },
+            children: [
+              responses.map((response, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                ResponseCard,
+                {
+                  response,
+                  fields: getFields(response),
+                  onClick: () => handleSelect(response)
+                },
+                response.sessionToken || idx
+              )),
+              responses.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "32px", textAlign: "center", color: "var(--muted-foreground, #8a8a95)" }, children: "No responses yet" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function getAllQuestions2(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;
+}
+
+// src/response-viewer/ResponseViewer.tsx
+var ResponseViewer = fieldcraftProLicense.requireLicense(ResponseViewerInner, "ResponseViewer");
+
+// src/theme-editor/preview-schema.ts
+var PREVIEW_SCHEMA = {
+  id: "theme-preview",
+  version: "1.0.0",
+  title: "Theme Preview",
+  description: "See how your theme looks on a real form.",
+  sections: [
+    {
+      id: "s1",
+      title: "Contact Information",
+      questions: [
+        {
+          id: "name",
+          type: "short_text",
+          label: "Full Name",
+          required: true,
+          placeholder: "Jane Doe"
+        },
+        {
+          id: "email",
+          type: "email",
+          label: "Email Address",
+          required: true,
+          placeholder: "jane@example.com"
+        },
+        {
+          id: "department",
+          type: "dropdown",
+          label: "Department",
+          options: [
+            { label: "Engineering", value: "engineering" },
+            { label: "Design", value: "design" },
+            { label: "Marketing", value: "marketing" }
+          ]
+        },
+        {
+          id: "rating",
+          type: "rating",
+          label: "How would you rate this experience?",
+          config: { type: "rating", max: 5 }
+        },
+        {
+          id: "notes",
+          type: "long_text",
+          label: "Additional Notes",
+          placeholder: "Any other feedback..."
+        }
+      ]
+    }
+  ],
+  submitAction: { type: "adapter" }
+};
+var PRESETS = {
+  clean: fieldcraftReact.cleanPreset,
+  dark: fieldcraftReact.darkPreset,
+  modern: fieldcraftReact.modernPreset,
+  "high-contrast": fieldcraftReact.highContrastPreset,
+  clinical: fieldcraftReact.clinicalPreset,
+  playful: fieldcraftReact.playfulPreset
+};
+var SECTIONS = [
+  {
+    id: "colors",
+    label: "Colors",
+    themeKey: "colors",
+    fields: [
+      { kind: "color", key: "primary", label: "Primary" },
+      { kind: "color", key: "primaryForeground", label: "Primary Foreground" },
+      { kind: "color", key: "secondary", label: "Secondary" },
+      { kind: "color", key: "secondaryForeground", label: "Secondary Foreground" },
+      { kind: "color", key: "error", label: "Error" },
+      { kind: "color", key: "errorForeground", label: "Error Foreground" },
+      { kind: "color", key: "warning", label: "Warning" },
+      { kind: "color", key: "success", label: "Success" },
+      { kind: "color", key: "surface", label: "Surface" },
+      { kind: "color", key: "background", label: "Background" },
+      { kind: "color", key: "text", label: "Text" },
+      { kind: "color", key: "textMuted", label: "Text Muted" },
+      { kind: "color", key: "textDisabled", label: "Text Disabled" },
+      { kind: "color", key: "border", label: "Border" },
+      { kind: "color", key: "borderFocus", label: "Border Focus" },
+      { kind: "color", key: "inputBackground", label: "Input Background" }
+    ]
+  },
+  {
+    id: "typography",
+    label: "Typography",
+    themeKey: "typography",
+    fields: [
+      { kind: "text", key: "fontFamily", label: "Font Family", placeholder: "Inter, system-ui, sans-serif" },
+      {
+        kind: "select",
+        key: "scale",
+        label: "Scale",
+        options: [
+          { label: "Compact", value: "compact" },
+          { label: "Comfortable", value: "comfortable" },
+          { label: "Spacious", value: "spacious" }
+        ]
+      },
+      { kind: "text", key: "questionSize", label: "Question Size", placeholder: "1.125rem" },
+      { kind: "text", key: "labelSize", label: "Label Size", placeholder: "0.875rem" },
+      { kind: "text", key: "helpTextSize", label: "Help Text Size", placeholder: "0.8125rem" },
+      { kind: "text", key: "bodySize", label: "Body Size", placeholder: "0.9375rem" }
+    ]
+  },
+  {
+    id: "shape",
+    label: "Shape",
+    themeKey: "shape",
+    fields: [
+      {
+        kind: "select",
+        key: "radius",
+        label: "Radius",
+        options: [
+          { label: "None", value: "none" },
+          { label: "Small", value: "sm" },
+          { label: "Medium", value: "md" },
+          { label: "Large", value: "lg" },
+          { label: "Full", value: "full" }
+        ]
+      },
+      { kind: "text", key: "inputRadius", label: "Input Radius", placeholder: "8px" },
+      { kind: "text", key: "buttonRadius", label: "Button Radius", placeholder: "8px" },
+      { kind: "text", key: "cardRadius", label: "Card Radius", placeholder: "12px" }
+    ]
+  },
+  {
+    id: "spacing",
+    label: "Spacing",
+    themeKey: "spacing",
+    fields: [
+      { kind: "number", key: "base", label: "Base", min: 4, max: 32, suffix: "px" },
+      { kind: "number", key: "sectionGap", label: "Section Gap", min: 0, max: 64, suffix: "px" },
+      { kind: "number", key: "fieldGap", label: "Field Gap", min: 0, max: 64, suffix: "px" },
+      { kind: "number", key: "inputPaddingX", label: "Input Padding X", min: 0, max: 32, suffix: "px" },
+      { kind: "number", key: "inputPaddingY", label: "Input Padding Y", min: 0, max: 32, suffix: "px" }
+    ]
+  },
+  {
+    id: "layout",
+    label: "Layout",
+    themeKey: "layout",
+    fields: [
+      { kind: "text", key: "maxWidth", label: "Max Width", placeholder: "640px" },
+      {
+        kind: "select",
+        key: "alignment",
+        label: "Alignment",
+        options: [
+          { label: "Left", value: "left" },
+          { label: "Center", value: "center" }
+        ]
+      },
+      {
+        kind: "select",
+        key: "progressPosition",
+        label: "Progress Position",
+        options: [
+          { label: "Top", value: "top" },
+          { label: "Bottom", value: "bottom" },
+          { label: "None", value: "none" }
+        ]
+      },
+      {
+        kind: "select",
+        key: "sectionLayout",
+        label: "Section Layout",
+        options: [
+          { label: "Card", value: "card" },
+          { label: "Flat", value: "flat" },
+          { label: "Bordered", value: "bordered" }
+        ]
+      }
+    ]
+  }
+];
+function ThemeEditorInner({
+  initialTheme,
+  onChange,
+  onSave,
+  height,
+  width,
+  className,
+  toolbarExtra,
+  showPreview = true
+}) {
+  const [theme, setTheme] = react.useState(initialTheme ?? fieldcraftReact.cleanPreset);
+  const [activeSection, setActiveSection] = react.useState("colors");
+  const [presetKey, setPresetKey] = react.useState("custom");
+  const themeRef = react.useRef(theme);
+  themeRef.current = theme;
+  react.useEffect(() => {
+    function handleKeyDown(e) {
+      if ((e.metaKey || e.ctrlKey) && e.key === "s") {
+        e.preventDefault();
+        onSave?.(themeRef.current);
+      }
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onSave]);
+  const updateField = react.useCallback(
+    (section, key, value) => {
+      setTheme((prev) => {
+        const next = {
+          ...prev,
+          [section]: { ...prev[section], [key]: value }
+        };
+        onChange?.(next);
+        return next;
+      });
+      setPresetKey("custom");
+    },
+    [onChange]
+  );
+  const loadPreset = react.useCallback(
+    (key) => {
+      const preset = PRESETS[key];
+      if (preset) {
+        setTheme(preset);
+        setPresetKey(key);
+        onChange?.(preset);
+      }
+    },
+    [onChange]
+  );
+  const exportJson = react.useCallback(() => {
+    const blob = new Blob([JSON.stringify(theme, null, 2)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "fieldcraft-theme.json";
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [theme]);
+  const importJson = react.useCallback(() => {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = ".json";
+    input.onchange = () => {
+      const file = input.files?.[0];
+      if (!file) return;
+      const reader = new FileReader();
+      reader.onload = () => {
+        try {
+          const parsed = JSON.parse(reader.result);
+          setTheme(parsed);
+          setPresetKey("custom");
+          onChange?.(parsed);
+        } catch {
+        }
+      };
+      reader.readAsText(file);
+    };
+    input.click();
+  }, [onChange]);
+  const currentSection = react.useMemo(
+    () => SECTIONS.find((s) => s.id === activeSection),
+    [activeSection]
+  );
+  const sectionValues = theme[currentSection.themeKey] ?? {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `fcte-root${className ? ` ${className}` : ""}`,
+      style: {
+        height: height ?? "100%",
+        width: width ?? "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-toolbar", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-toolbar__left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "fcte-toolbar__title", children: "Theme Editor" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "select",
+              {
+                value: presetKey,
+                onChange: (e) => loadPreset(e.target.value),
+                className: "fcte-toolbar__preset",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "custom", disabled: true, children: "Custom" }),
+                  Object.keys(PRESETS).map((k) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: k, children: k.charAt(0).toUpperCase() + k.slice(1).replace("-", " ") }, k))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-toolbar__right", children: [
+            toolbarExtra,
+            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: importJson, className: "fcte-btn fcte-btn--secondary", children: "Import" }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: exportJson, className: "fcte-btn fcte-btn--secondary", children: "Export" }),
+            onSave && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onSave(theme), className: "fcte-btn fcte-btn--primary", children: "Save" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-body", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-editor", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fcte-tabs", children: SECTIONS.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                className: `fcte-tab${activeSection === s.id ? " fcte-tab--active" : ""}`,
+                onClick: () => setActiveSection(s.id),
+                children: s.label
+              },
+              s.id
+            )) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fcte-fields", children: currentSection.fields.map((field) => {
+              const val = sectionValues[field.key];
+              if (field.kind === "color") {
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("label", { className: "fcte-field__label", children: field.label }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field__color-row", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "color",
+                        value: typeof val === "string" ? val : "#000000",
+                        onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
+                        className: "fcte-field__swatch"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "text",
+                        value: typeof val === "string" ? val : "",
+                        onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
+                        className: "fcte-field__text",
+                        spellCheck: false
+                      }
+                    )
+                  ] })
+                ] }, field.key);
+              }
+              if (field.kind === "select") {
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("label", { className: "fcte-field__label", children: field.label }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "select",
+                    {
+                      value: typeof val === "string" ? val : "",
+                      onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
+                      className: "fcte-field__select",
+                      children: field.options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
+                    }
+                  )
+                ] }, field.key);
+              }
+              if (field.kind === "number") {
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("label", { className: "fcte-field__label", children: field.label }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field__number-row", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "number",
+                        value: typeof val === "number" ? val : 0,
+                        onChange: (e) => updateField(currentSection.themeKey, field.key, Number(e.target.value)),
+                        min: field.min,
+                        max: field.max,
+                        className: "fcte-field__number"
+                      }
+                    ),
+                    field.suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "fcte-field__suffix", children: field.suffix })
+                  ] })
+                ] }, field.key);
+              }
+              return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fcte-field", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("label", { className: "fcte-field__label", children: field.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: typeof val === "string" ? val : "",
+                    onChange: (e) => updateField(currentSection.themeKey, field.key, e.target.value),
+                    placeholder: field.placeholder,
+                    className: "fcte-field__text",
+                    spellCheck: false
+                  }
+                )
+              ] }, field.key);
+            }) })
+          ] }),
+          showPreview && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fcte-preview", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fcte-preview__inner", children: /* @__PURE__ */ jsxRuntime.jsx(
+            fieldcraftReact.FormEngineRenderer,
+            {
+              schema: PREVIEW_SCHEMA,
+              theme,
+              onSubmit: () => {
+              }
+            }
+          ) }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/theme-editor/ThemeEditor.tsx
+var ThemeEditor = fieldcraftProLicense.requireLicense(ThemeEditorInner, "ThemeEditor");
+
+// src/index.ts
+if (typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined" && globalThis.process.env?.NODE_ENV !== "production") {
+  const _fc_banner = `
+%c FieldCraft Pro %c v0.0.0 
+
+%cForm Builder \xB7 Response Viewer \xB7 Theme Editor
+
+Docs      \u2192 https://squaredr.tech/products/fieldcraft/docs/pro
+Pro Tools \u2192 https://squaredr.tech/products/fieldcraft/admin-pro
+Discord   \u2192 https://discord.gg/zMxdu5UVW
+
+Need a license? \u2192 https://squaredr.tech/products/fieldcraft/admin-pro#pricing
+`;
+  console.log(
+    _fc_banner,
+    "background:#f59e0b;color:#000;font-weight:bold;padding:2px 6px;border-radius:3px 0 0 3px",
+    "background:#d97706;color:#000;padding:2px 6px;border-radius:0 3px 3px 0",
+    "color:#6b7280"
+  );
+}
+
+Object.defineProperty(exports, "FieldCraftProProvider", {
+  enumerable: true,
+  get: function () { return fieldcraftProLicense.FieldCraftProProvider; }
+});
+Object.defineProperty(exports, "UnlicensedOverlay", {
+  enumerable: true,
+  get: function () { return fieldcraftProLicense.UnlicensedOverlay; }
+});
+Object.defineProperty(exports, "isProductionEnvironment", {
+  enumerable: true,
+  get: function () { return fieldcraftProLicense.isProductionEnvironment; }
+});
+Object.defineProperty(exports, "requireLicense", {
+  enumerable: true,
+  get: function () { return fieldcraftProLicense.requireLicense; }
+});
+Object.defineProperty(exports, "useLicense", {
+  enumerable: true,
+  get: function () { return fieldcraftProLicense.useLicense; }
+});
+Object.defineProperty(exports, "validateLicense", {
+  enumerable: true,
+  get: function () { return fieldcraftProLicense.validateLicense; }
+});
+exports.DEFAULT_PALETTE = DEFAULT_PALETTE;
+exports.DEFAULT_SCHEMA = DEFAULT_SCHEMA;
+exports.FormBuilder = FormBuilder;
+exports.FormBuilderThemeProvider = FormBuilderThemeProvider;
+exports.PREVIEW_SCHEMA = PREVIEW_SCHEMA;
+exports.QUESTION_TYPE_INFO = QUESTION_TYPE_INFO;
+exports.ResponseViewer = ResponseViewer;
+exports.ThemeEditor = ThemeEditor;
+exports.ThemeEditorInner = ThemeEditorInner;
+exports.addOption = addOption;
+exports.addQuestion = addQuestion;
+exports.addSection = addSection;
+exports.cleanPreset = cleanPreset;
+exports.cn = cn;
+exports.duplicateQuestion = duplicateQuestion;
+exports.duplicateSection = duplicateSection;
+exports.findQuestion = findQuestion;
+exports.findSection = findSection;
+exports.generateId = generateId;
+exports.generateOptionId = generateOptionId;
+exports.generateQuestionId = generateQuestionId;
+exports.generateSectionId = generateSectionId;
+exports.moveOption = moveOption;
+exports.moveQuestion = moveQuestion;
+exports.moveSection = moveSection;
+exports.removeOption = removeOption;
+exports.removeQuestion = removeQuestion;
+exports.removeSection = removeSection;
+exports.squaredrDarkPreset = squaredrDarkPreset;
+exports.updateOption = updateOption;
+exports.updateQuestion = updateQuestion;
+exports.updateSection = updateSection;
+exports.useBuilderState = useBuilderState;
+exports.useBuilderTheme = useBuilderTheme;
+exports.useDragDrop = useDragDrop;
+exports.useUndoRedo = useUndoRedo;