@enerjisaformlibrary/formbuilder-react 1.0.0

package/README.md

@@ -0,0 +1,83 @@
+# @enerjisaformlibrary/formbuilder-react
+
+Dynamic drag-and-drop form builder React components with 20+ field types, conditional logic, multi-step forms, and custom styling.
+
+## Installation
+
+```bash
+npm install @enerjisaformlibrary/formbuilder-react
+```
+
+## Peer Dependencies
+
+This package requires the following peer dependencies:
+
+```bash
+npm install react react-dom @dnd-kit/core @dnd-kit/sortable @dnd-kit/utilities zustand zod lucide-react nanoid framer-motion class-variance-authority clsx tailwind-merge date-fns qrcode.react
+```
+
+## Usage
+
+```tsx
+import {
+  FormCanvas,
+  PropertiesPanel,
+  ComponentLibrary,
+  Toolbar,
+  useFormStore,
+  FormSchema
+} from '@enerjisaformlibrary/formbuilder-react';
+
+function FormBuilder() {
+  const { form, setForm } = useFormStore();
+
+  const handleSave = () => {
+    const formJson = JSON.stringify(form);
+    // Save to your database
+  };
+
+  return (
+    <div className="flex h-screen">
+      <ComponentLibrary />
+      <FormCanvas />
+      <PropertiesPanel />
+    </div>
+  );
+}
+```
+
+## Features
+
+- 20+ field types (input, textarea, dropdown, checkbox, radio, date, file, signature, rating, etc.)
+- Drag-and-drop interface with dnd-kit
+- Multi-step wizard forms
+- Conditional logic (show/hide/enable/disable fields)
+- Custom styling per field
+- Form versioning
+- JSON export/import
+- Responsive grid system (12-column)
+- Unified sizing system (compact, normal, comfortable)
+
+## Exports
+
+### Components
+- `FormCanvas` - Main canvas for form editing
+- `CanvasField` - Individual field renderer
+- `PropertiesPanel` - Field properties editor
+- `ComponentLibrary` - Draggable component palette
+- `Toolbar` - Save, preview, settings toolbar
+- `JsonViewerModal` - JSON export viewer
+
+### Store
+- `useFormStore` - Zustand store for form state
+
+### Types
+- `FormSchema` - Form schema type
+- `FormField` - Field type
+- `FormRow` - Row type
+- `FormColumn` - Column type
+- All validation and conditional logic types
+
+## License
+
+MIT