config-driven-form 1.0.0 → 1.1.1

package/README.md

@@ -12,7 +12,7 @@ A highly scalable, config-driven React form library that dynamically generates b
 ## Installation
 
 ```bash
-npm install config-driven-form react-hook-form
+npm install config-driven-form
 ```
 
 ## Quick Start

package/dist/index.css

@@ -173,4 +173,103 @@
   height: 0;
   pointer-events: none;
 }
+.cdf-form-grid-1 {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 1.25rem;
+}
+.cdf-form-grid-2 {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1.25rem;
+}
+.cdf-form-grid-3 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1.25rem;
+}
+.cdf-form-grid-4 {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 1.25rem;
+}
+.cdf-form-grid-1 > .cdf-field-group,
+.cdf-form-grid-2 > .cdf-field-group,
+.cdf-form-grid-3 > .cdf-field-group,
+.cdf-form-grid-4 > .cdf-field-group {
+  margin-bottom: 0;
+}
+.cdf-select {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
+  background-repeat: no-repeat;
+  background-size: 1.5em 1.5em;
+  padding-right: 2.5rem;
+}
+.cdf-radio-group,
+.cdf-checkbox-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+}
+.cdf-radio-label,
+.cdf-checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.9375rem;
+  color: var(--cdf-text);
+  cursor: pointer;
+}
+.cdf-radio-input,
+.cdf-checkbox-input {
+  width: 1.125rem;
+  height: 1.125rem;
+  accent-color: var(--cdf-primary);
+  cursor: pointer;
+  margin: 0;
+}
+.cdf-file-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1.5rem;
+  border: 2px dashed var(--cdf-border);
+  border-radius: var(--cdf-radius);
+  background-color: var(--cdf-surface);
+  transition: var(--cdf-transition);
+  text-align: center;
+}
+.cdf-file-wrapper:hover,
+.cdf-file-wrapper:focus-within {
+  border-color: var(--cdf-primary);
+  background-color: var(--cdf-primary-light);
+}
+.cdf-file-input {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+}
+.cdf-file-text {
+  font-size: 0.875rem;
+  color: var(--cdf-text-muted);
+  pointer-events: none;
+}
+.cdf-file-text span {
+  color: var(--cdf-primary);
+  font-weight: 500;
+}
+.cdf-file-preview {
+  margin-top: 0.75rem;
+  font-size: 0.875rem;
+  color: var(--cdf-text);
+  word-break: break-all;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/form.css"],"sourcesContent":[":root {\n  --cdf-primary: #6366f1;\n  --cdf-primary-hover: #4f46e5;\n  --cdf-primary-light: rgba(99, 102, 241, 0.1);\n  --cdf-error: #ef4444;\n  --cdf-error-light: rgba(239, 68, 68, 0.1);\n  --cdf-bg: #ffffff;\n  --cdf-surface: #f8fafc;\n  --cdf-border: #e2e8f0;\n  --cdf-border-focus: #94a3b8;\n  --cdf-text: #0f172a;\n  --cdf-text-muted: #64748b;\n  --cdf-radius: 12px;\n  --cdf-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n  --cdf-shadow-focus: 0 0 0 4px rgba(99, 102, 241, 0.15);\n  --cdf-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  --cdf-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cdf-form-container {\n  font-family: var(--cdf-font);\n  color: var(--cdf-text);\n  background: var(--cdf-bg);\n  border-radius: var(--cdf-radius);\n  padding: 2rem;\n  box-shadow: var(--cdf-shadow);\n  max-width: 600px;\n  margin: 0 auto;\n  border: 1px solid var(--cdf-border);\n}\n\n.cdf-form-title {\n  font-size: 1.5rem;\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  color: var(--cdf-text);\n}\n\n.cdf-field-group {\n  margin-bottom: 1.25rem;\n  display: flex;\n  flex-direction: column;\n}\n\n.cdf-label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  margin-bottom: 0.5rem;\n  color: var(--cdf-text);\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.cdf-required-mark {\n  color: var(--cdf-error);\n}\n\n.cdf-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.cdf-input {\n  width: 100%;\n  padding: 0.75rem 1rem;\n  font-size: 0.9375rem;\n  font-family: var(--cdf-font);\n  color: var(--cdf-text);\n  background-color: var(--cdf-surface);\n  border: 1px solid var(--cdf-border);\n  border-radius: var(--cdf-radius);\n  transition: var(--cdf-transition);\n  outline: none;\n  box-sizing: border-box;\n}\n\n.cdf-input:hover {\n  border-color: var(--cdf-border-focus);\n}\n\n.cdf-input:focus {\n  border-color: var(--cdf-primary);\n  background-color: var(--cdf-bg);\n  box-shadow: var(--cdf-shadow-focus);\n}\n\n.cdf-input--error {\n  border-color: var(--cdf-error);\n  background-color: var(--cdf-error-light);\n}\n\n.cdf-input--error:focus {\n  border-color: var(--cdf-error);\n  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15);\n}\n\n.cdf-error-message {\n  font-size: 0.75rem;\n  color: var(--cdf-error);\n  margin-top: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.cdf-submit-btn {\n  width: 100%;\n  padding: 0.875rem 1.5rem;\n  font-size: 1rem;\n  font-weight: 600;\n  font-family: var(--cdf-font);\n  color: #ffffff;\n  background-color: var(--cdf-primary);\n  border: none;\n  border-radius: var(--cdf-radius);\n  cursor: pointer;\n  transition: var(--cdf-transition);\n  margin-top: 1rem;\n  box-shadow: 0 4px 14px 0 rgba(99, 102, 241, 0.39);\n}\n\n.cdf-submit-btn:hover {\n  background-color: var(--cdf-primary-hover);\n  transform: translateY(-1px);\n  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);\n}\n\n.cdf-submit-btn:active {\n  transform: translateY(1px);\n  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);\n}\n\n/* Rich Text Editor Overrides */\n.cdf-rich-text-wrapper {\n  border: 1px solid var(--cdf-border);\n  border-radius: var(--cdf-radius);\n  overflow: hidden;\n  transition: var(--cdf-transition);\n}\n\n.cdf-rich-text-wrapper:focus-within {\n  border-color: var(--cdf-primary);\n  box-shadow: var(--cdf-shadow-focus);\n}\n\n.cdf-rich-text-toolbar {\n  display: flex;\n  gap: 0.25rem;\n  padding: 0.5rem;\n  background: var(--cdf-surface);\n  border-bottom: 1px solid var(--cdf-border);\n}\n\n.cdf-toolbar-btn {\n  padding: 0.375rem;\n  background: transparent;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--cdf-text-muted);\n  transition: var(--cdf-transition);\n}\n\n.cdf-toolbar-btn:hover {\n  background: rgba(0, 0, 0, 0.05);\n  color: var(--cdf-text);\n}\n\n.cdf-toolbar-btn.is-active {\n  background: var(--cdf-primary-light);\n  color: var(--cdf-primary);\n}\n\n.cdf-rich-text-content {\n  padding: 1rem;\n  min-height: 120px;\n  background: var(--cdf-bg);\n  outline: none;\n}\n\n.cdf-rich-text-content .ProseMirror {\n  outline: none;\n}\n\n.cdf-rich-text-content .ProseMirror p.is-editor-empty:first-child::before {\n  color: var(--cdf-text-muted);\n  content: attr(data-placeholder);\n  float: left;\n  height: 0;\n  pointer-events: none;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles/form.css"],"sourcesContent":[":root {\n  --cdf-primary: #6366f1;\n  --cdf-primary-hover: #4f46e5;\n  --cdf-primary-light: rgba(99, 102, 241, 0.1);\n  --cdf-error: #ef4444;\n  --cdf-error-light: rgba(239, 68, 68, 0.1);\n  --cdf-bg: #ffffff;\n  --cdf-surface: #f8fafc;\n  --cdf-border: #e2e8f0;\n  --cdf-border-focus: #94a3b8;\n  --cdf-text: #0f172a;\n  --cdf-text-muted: #64748b;\n  --cdf-radius: 12px;\n  --cdf-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n  --cdf-shadow-focus: 0 0 0 4px rgba(99, 102, 241, 0.15);\n  --cdf-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  --cdf-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.cdf-form-container {\n  font-family: var(--cdf-font);\n  color: var(--cdf-text);\n  background: var(--cdf-bg);\n  border-radius: var(--cdf-radius);\n  padding: 2rem;\n  box-shadow: var(--cdf-shadow);\n  max-width: 600px;\n  margin: 0 auto;\n  border: 1px solid var(--cdf-border);\n}\n\n.cdf-form-title {\n  font-size: 1.5rem;\n  font-weight: 600;\n  margin-bottom: 1.5rem;\n  color: var(--cdf-text);\n}\n\n.cdf-field-group {\n  margin-bottom: 1.25rem;\n  display: flex;\n  flex-direction: column;\n}\n\n.cdf-label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  margin-bottom: 0.5rem;\n  color: var(--cdf-text);\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.cdf-required-mark {\n  color: var(--cdf-error);\n}\n\n.cdf-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.cdf-input {\n  width: 100%;\n  padding: 0.75rem 1rem;\n  font-size: 0.9375rem;\n  font-family: var(--cdf-font);\n  color: var(--cdf-text);\n  background-color: var(--cdf-surface);\n  border: 1px solid var(--cdf-border);\n  border-radius: var(--cdf-radius);\n  transition: var(--cdf-transition);\n  outline: none;\n  box-sizing: border-box;\n}\n\n.cdf-input:hover {\n  border-color: var(--cdf-border-focus);\n}\n\n.cdf-input:focus {\n  border-color: var(--cdf-primary);\n  background-color: var(--cdf-bg);\n  box-shadow: var(--cdf-shadow-focus);\n}\n\n.cdf-input--error {\n  border-color: var(--cdf-error);\n  background-color: var(--cdf-error-light);\n}\n\n.cdf-input--error:focus {\n  border-color: var(--cdf-error);\n  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.15);\n}\n\n.cdf-error-message {\n  font-size: 0.75rem;\n  color: var(--cdf-error);\n  margin-top: 0.375rem;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.cdf-submit-btn {\n  width: 100%;\n  padding: 0.875rem 1.5rem;\n  font-size: 1rem;\n  font-weight: 600;\n  font-family: var(--cdf-font);\n  color: #ffffff;\n  background-color: var(--cdf-primary);\n  border: none;\n  border-radius: var(--cdf-radius);\n  cursor: pointer;\n  transition: var(--cdf-transition);\n  margin-top: 1rem;\n  box-shadow: 0 4px 14px 0 rgba(99, 102, 241, 0.39);\n}\n\n.cdf-submit-btn:hover {\n  background-color: var(--cdf-primary-hover);\n  transform: translateY(-1px);\n  box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);\n}\n\n.cdf-submit-btn:active {\n  transform: translateY(1px);\n  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);\n}\n\n/* Rich Text Editor Overrides */\n.cdf-rich-text-wrapper {\n  border: 1px solid var(--cdf-border);\n  border-radius: var(--cdf-radius);\n  overflow: hidden;\n  transition: var(--cdf-transition);\n}\n\n.cdf-rich-text-wrapper:focus-within {\n  border-color: var(--cdf-primary);\n  box-shadow: var(--cdf-shadow-focus);\n}\n\n.cdf-rich-text-toolbar {\n  display: flex;\n  gap: 0.25rem;\n  padding: 0.5rem;\n  background: var(--cdf-surface);\n  border-bottom: 1px solid var(--cdf-border);\n}\n\n.cdf-toolbar-btn {\n  padding: 0.375rem;\n  background: transparent;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--cdf-text-muted);\n  transition: var(--cdf-transition);\n}\n\n.cdf-toolbar-btn:hover {\n  background: rgba(0, 0, 0, 0.05);\n  color: var(--cdf-text);\n}\n\n.cdf-toolbar-btn.is-active {\n  background: var(--cdf-primary-light);\n  color: var(--cdf-primary);\n}\n\n.cdf-rich-text-content {\n  padding: 1rem;\n  min-height: 120px;\n  background: var(--cdf-bg);\n  outline: none;\n}\n\n.cdf-rich-text-content .ProseMirror {\n  outline: none;\n}\n\n.cdf-rich-text-content .ProseMirror p.is-editor-empty:first-child::before {\n  color: var(--cdf-text-muted);\n  content: attr(data-placeholder);\n  float: left;\n  height: 0;\n  pointer-events: none;\n}\n\n/* Grid Layouts */\n.cdf-form-grid-1 {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1.25rem;\n}\n\n.cdf-form-grid-2 {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1.25rem;\n}\n\n.cdf-form-grid-3 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1.25rem;\n}\n\n.cdf-form-grid-4 {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1.25rem;\n}\n\n/* Fix field group margin inside grid */\n.cdf-form-grid-1 > .cdf-field-group,\n.cdf-form-grid-2 > .cdf-field-group,\n.cdf-form-grid-3 > .cdf-field-group,\n.cdf-form-grid-4 > .cdf-field-group {\n  margin-bottom: 0;\n}\n\n/* Select Field */\n.cdf-select {\n  appearance: none;\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right 0.5rem center;\n  background-repeat: no-repeat;\n  background-size: 1.5em 1.5em;\n  padding-right: 2.5rem;\n}\n\n/* Radio and Checkbox Fields */\n.cdf-radio-group,\n.cdf-checkbox-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  margin-top: 0.25rem;\n}\n\n.cdf-radio-label,\n.cdf-checkbox-label {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.9375rem;\n  color: var(--cdf-text);\n  cursor: pointer;\n}\n\n.cdf-radio-input,\n.cdf-checkbox-input {\n  width: 1.125rem;\n  height: 1.125rem;\n  accent-color: var(--cdf-primary);\n  cursor: pointer;\n  margin: 0;\n}\n\n/* File Field */\n.cdf-file-wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 1.5rem;\n  border: 2px dashed var(--cdf-border);\n  border-radius: var(--cdf-radius);\n  background-color: var(--cdf-surface);\n  transition: var(--cdf-transition);\n  text-align: center;\n}\n\n.cdf-file-wrapper:hover,\n.cdf-file-wrapper:focus-within {\n  border-color: var(--cdf-primary);\n  background-color: var(--cdf-primary-light);\n}\n\n.cdf-file-input {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.cdf-file-text {\n  font-size: 0.875rem;\n  color: var(--cdf-text-muted);\n  pointer-events: none;\n}\n\n.cdf-file-text span {\n  color: var(--cdf-primary);\n  font-weight: 500;\n}\n\n.cdf-file-preview {\n  margin-top: 0.75rem;\n  font-size: 0.875rem;\n  color: var(--cdf-text);\n  word-break: break-all;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 type FieldType = 'string' | 'number' | 'integer' | 'boolean' | 'object' | 'array';
-type FieldFormat = 'email' | 'password' | 'date' | 'time' | 'uri' | 'rich-text' | string;
+type FieldFormat = 'email' | 'password' | 'date' | 'time' | 'uri' | 'rich-text' | 'data-url' | string;
 interface JSONSchema {
     type: FieldType;
     title?: string;
@@ -18,19 +18,35 @@ interface JSONSchema {
     items?: JSONSchema | JSONSchema[];
     default?: any;
 }
+interface UISchema {
+    'ui:widget'?: 'radio' | 'checkboxes' | 'textarea' | 'color' | string;
+    'ui:columnSpan'?: number;
+    [key: string]: any;
+}
 
 interface SchemaFormProps {
     schema: JSONSchema;
+    uiSchema?: Record<string, UISchema>;
     onSubmit: (data: any) => void;
     defaultValues?: any;
+    columns?: 1 | 2 | 3 | 4;
+    theme?: {
+        primary?: string;
+        background?: string;
+        text?: string;
+        error?: string;
+        surface?: string;
+        border?: string;
+    };
 }
 declare const SchemaForm: React.FC<SchemaFormProps>;
 
 interface FieldRendererProps {
     name: string;
     schema: JSONSchema;
+    uiSchema?: UISchema;
     isRequired?: boolean;
 }
 declare const FieldRenderer: React.FC<FieldRendererProps>;
 
-export { type FieldFormat, FieldRenderer, type FieldType, type JSONSchema, SchemaForm };
+export { type FieldFormat, FieldRenderer, type FieldType, type JSONSchema, SchemaForm, type UISchema };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 
 type FieldType = 'string' | 'number' | 'integer' | 'boolean' | 'object' | 'array';
-type FieldFormat = 'email' | 'password' | 'date' | 'time' | 'uri' | 'rich-text' | string;
+type FieldFormat = 'email' | 'password' | 'date' | 'time' | 'uri' | 'rich-text' | 'data-url' | string;
 interface JSONSchema {
     type: FieldType;
     title?: string;
@@ -18,19 +18,35 @@ interface JSONSchema {
     items?: JSONSchema | JSONSchema[];
     default?: any;
 }
+interface UISchema {
+    'ui:widget'?: 'radio' | 'checkboxes' | 'textarea' | 'color' | string;
+    'ui:columnSpan'?: number;
+    [key: string]: any;
+}
 
 interface SchemaFormProps {
     schema: JSONSchema;
+    uiSchema?: Record<string, UISchema>;
     onSubmit: (data: any) => void;
     defaultValues?: any;
+    columns?: 1 | 2 | 3 | 4;
+    theme?: {
+        primary?: string;
+        background?: string;
+        text?: string;
+        error?: string;
+        surface?: string;
+        border?: string;
+    };
 }
 declare const SchemaForm: React.FC<SchemaFormProps>;
 
 interface FieldRendererProps {
     name: string;
     schema: JSONSchema;
+    uiSchema?: UISchema;
     isRequired?: boolean;
 }
 declare const FieldRenderer: React.FC<FieldRendererProps>;
 
-export { type FieldFormat, FieldRenderer, type FieldType, type JSONSchema, SchemaForm };
+export { type FieldFormat, FieldRenderer, type FieldType, type JSONSchema, SchemaForm, type UISchema };

package/dist/index.js

@@ -191,30 +191,291 @@ var RichTextField = ({ name, schema, isRequired }) => {
     ] })
   ] });
 };
-var FieldRenderer = ({ name, schema, isRequired }) => {
-  if (schema.type === "string") {
-    if (schema.format === "password") {
-      return /* @__PURE__ */ jsxRuntime.jsx(PasswordField, { name, schema, isRequired });
+var SelectField = ({ name, schema, isRequired }) => {
+  var _a;
+  const {
+    register,
+    formState: { errors }
+  } = reactHookForm.useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: name, className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-input-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        id: name,
+        ...register(name),
+        className: `cdf-input cdf-select ${error ? "cdf-input--error" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select an option..." }),
+          (_a = schema.enum) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option, children: option }, option))
+        ]
+      }
+    ) }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var RadioField = ({ name, schema, isRequired }) => {
+  var _a;
+  const {
+    register,
+    formState: { errors }
+  } = reactHookForm.useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-radio-group", children: (_a = schema.enum) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "cdf-radio-label", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", value: option, ...register(name), className: "cdf-radio-input" }),
+      option
+    ] }, option)) }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var CheckboxField = ({ name, schema, isRequired }) => {
+  const {
+    register,
+    formState: { errors }
+  } = reactHookForm.useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-checkbox-group", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "cdf-checkbox-label", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", ...register(name), className: "cdf-checkbox-input" }),
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }) }),
+    schema.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", color: "var(--cdf-text-muted)", marginTop: "0.25rem" }, children: schema.description }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var CheckboxGroupField = ({
+  name,
+  schema,
+  isRequired
+}) => {
+  const {
+    register,
+    formState: { errors }
+  } = reactHookForm.useFormContext();
+  const error = errors[name];
+  let options = [];
+  if (schema.items && !Array.isArray(schema.items) && schema.items.enum) {
+    options = schema.items.enum;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-checkbox-group", children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "cdf-checkbox-label", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          value: option,
+          ...register(name),
+          className: "cdf-checkbox-input"
+        }
+      ),
+      option
+    ] }, option)) }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var FileField = ({ name, schema, isRequired }) => {
+  const {
+    setValue,
+    formState: { errors }
+  } = reactHookForm.useFormContext();
+  const [fileName, setFileName] = react.useState(null);
+  const error = errors[name];
+  const handleFileChange = (e) => {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (!file) {
+      setValue(name, void 0, { shouldValidate: true });
+      setFileName(null);
+      return;
+    }
+    setFileName(file.name);
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      var _a2;
+      setValue(name, (_a2 = event.target) == null ? void 0 : _a2.result, { shouldValidate: true });
+    };
+    reader.readAsDataURL(file);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `cdf-file-wrapper ${error ? "cdf-input--error" : ""}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", className: "cdf-file-input", onChange: handleFileChange }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-file-text", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Click to upload" }),
+        " or drag and drop"
+      ] }),
+      fileName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-file-preview", children: [
+        "Selected: ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: fileName })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var FieldRenderer = ({
+  name,
+  schema,
+  uiSchema,
+  isRequired
+}) => {
+  const columnSpan = (uiSchema == null ? void 0 : uiSchema["ui:columnSpan"]) || 1;
+  const widget = uiSchema == null ? void 0 : uiSchema["ui:widget"];
+  const renderField = () => {
+    if (schema.type === "array") {
+      return /* @__PURE__ */ jsxRuntime.jsx(CheckboxGroupField, { name, schema, isRequired });
     }
-    if (schema.format === "rich-text") {
-      return /* @__PURE__ */ jsxRuntime.jsx(RichTextField, { name, schema, isRequired });
+    if (schema.type === "boolean") {
+      return /* @__PURE__ */ jsxRuntime.jsx(CheckboxField, { name, schema, isRequired });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(TextField, { name, schema, isRequired });
-  }
-  if (schema.type === "number" || schema.type === "integer") {
-    return /* @__PURE__ */ jsxRuntime.jsx(NumberField, { name, schema, isRequired });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-field-group", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "cdf-error-message", children: [
-    "Unsupported field type: ",
-    schema.type
-  ] }) });
+    if (schema.enum) {
+      if (widget === "radio") {
+        return /* @__PURE__ */ jsxRuntime.jsx(RadioField, { name, schema, isRequired });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(SelectField, { name, schema, isRequired });
+    }
+    if (schema.type === "string") {
+      if (schema.format === "data-url") {
+        return /* @__PURE__ */ jsxRuntime.jsx(FileField, { name, schema, isRequired });
+      }
+      if (schema.format === "password") {
+        return /* @__PURE__ */ jsxRuntime.jsx(PasswordField, { name, schema, isRequired });
+      }
+      if (schema.format === "rich-text") {
+        return /* @__PURE__ */ jsxRuntime.jsx(RichTextField, { name, schema, isRequired });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(TextField, { name, schema, isRequired });
+    }
+    if (schema.type === "number" || schema.type === "integer") {
+      return /* @__PURE__ */ jsxRuntime.jsx(NumberField, { name, schema, isRequired });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-field-group", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "cdf-error-message", children: [
+      "Unsupported field type: ",
+      schema.type
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { gridColumn: `span ${columnSpan} / span ${columnSpan}` }, children: renderField() });
 };
-var SchemaForm = ({ schema, onSubmit, defaultValues }) => {
+var SchemaForm = ({
+  schema,
+  uiSchema = {},
+  onSubmit,
+  defaultValues,
+  columns = 1,
+  theme
+}) => {
   const methods = reactHookForm.useForm({
     resolver: ajv.ajvResolver(schema, {
       formats: {
         "rich-text": true,
         password: true,
+        "data-url": true,
         email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
       }
     }),
@@ -223,22 +484,31 @@ var SchemaForm = ({ schema, onSubmit, defaultValues }) => {
   if (schema.type !== "object" || !schema.properties) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdf-error-message", children: "Root schema must be an object with properties." });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-form-container", children: [
+  const themeStyles = theme ? {
+    "--cdf-primary": theme.primary,
+    "--cdf-bg": theme.background,
+    "--cdf-text": theme.text,
+    "--cdf-error": theme.error,
+    "--cdf-surface": theme.surface,
+    "--cdf-border": theme.border
+  } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdf-form-container", style: themeStyles, children: [
     schema.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "cdf-form-title", children: schema.title }),
     schema.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--cdf-text-muted)", marginBottom: "1.5rem" }, children: schema.description }),
     /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...methods, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), noValidate: true, children: [
-      Object.entries(schema.properties).map(([key, propSchema]) => {
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: `cdf-form-grid-${columns}`, children: Object.entries(schema.properties).map(([key, propSchema]) => {
         var _a;
         return /* @__PURE__ */ jsxRuntime.jsx(
           FieldRenderer,
           {
             name: key,
             schema: propSchema,
+            uiSchema: uiSchema[key],
             isRequired: (_a = schema.required) == null ? void 0 : _a.includes(key)
           },
           key
         );
-      }),
+      }) }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "cdf-submit-btn", children: "Submit" })
     ] }) })
   ] });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/fields/TextField.tsx","../src/components/fields/PasswordField.tsx","../src/components/fields/NumberField.tsx","../src/components/fields/RichTextField.tsx","../src/components/FieldRenderer.tsx","../src/components/SchemaForm.tsx"],"names":["useFormContext","jsxs","jsx","AlertCircle","useState","EyeOff","Eye","useEditor","StarterKit","editor","useEffect","Bold","Italic","Heading2","List","ListOrdered","EditorContent","useForm","ajvResolver","FormProvider"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface TextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const TextField: React.FC<TextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={schema.format === 'email' ? 'email' : 'text'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Eye, EyeOff } from 'lucide-react';\n\ninterface PasswordFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const [showPassword, setShowPassword] = useState(false);\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={showPassword ? 'text' : 'password'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          style={{ paddingRight: '2.5rem' }}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n        <button\n          type=\"button\"\n          className=\"cdf-toolbar-btn\"\n          style={{ position: 'absolute', right: '0.5rem' }}\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n        </button>\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface NumberFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const NumberField: React.FC<NumberFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type=\"number\"\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name, {\n            valueAsNumber: true,\n          })}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Bold, Italic, List, ListOrdered, Heading2 } from 'lucide-react';\n\ninterface RichTextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const RichTextField: React.FC<RichTextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    setValue,\n    watch,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n  const value = watch(name);\n\n  const editor = useEditor({\n    extensions: [StarterKit],\n    content: value || '',\n    onUpdate: ({ editor }) => {\n      setValue(name, editor.getHTML(), { shouldValidate: true, shouldDirty: true });\n    },\n  });\n\n  // Keep editor in sync with external form changes (if any)\n  useEffect(() => {\n    if (editor && value !== editor.getHTML()) {\n      editor.commands.setContent(value || '');\n    }\n  }, [value, editor]);\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className={`cdf-rich-text-wrapper ${error ? 'cdf-input--error' : ''}`}>\n        <div className=\"cdf-rich-text-toolbar\">\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bold') ? 'is-active' : ''}`}\n          >\n            <Bold size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('italic') ? 'is-active' : ''}`}\n          >\n            <Italic size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}`}\n          >\n            <Heading2 size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}`}\n          >\n            <List size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}`}\n          >\n            <ListOrdered size={16} />\n          </button>\n        </div>\n\n        <EditorContent editor={editor} className=\"cdf-rich-text-content\" />\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { JSONSchema } from '../types/schema';\nimport { TextField } from './fields/TextField';\nimport { PasswordField } from './fields/PasswordField';\nimport { NumberField } from './fields/NumberField';\nimport { RichTextField } from './fields/RichTextField';\n\ninterface FieldRendererProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const FieldRenderer: React.FC<FieldRendererProps> = ({ name, schema, isRequired }) => {\n  if (schema.type === 'string') {\n    if (schema.format === 'password') {\n      return <PasswordField name={name} schema={schema} isRequired={isRequired} />;\n    }\n    if (schema.format === 'rich-text') {\n      return <RichTextField name={name} schema={schema} isRequired={isRequired} />;\n    }\n    return <TextField name={name} schema={schema} isRequired={isRequired} />;\n  }\n\n  if (schema.type === 'number' || schema.type === 'integer') {\n    return <NumberField name={name} schema={schema} isRequired={isRequired} />;\n  }\n\n  // Fallback for unsupported types\n  return (\n    <div className=\"cdf-field-group\">\n      <p className=\"cdf-error-message\">Unsupported field type: {schema.type}</p>\n    </div>\n  );\n};\n","import React from 'react';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { ajvResolver } from '@hookform/resolvers/ajv';\nimport { JSONSchema } from '../types/schema';\nimport { FieldRenderer } from './FieldRenderer';\nimport '../styles/form.css';\n\ninterface SchemaFormProps {\n  schema: JSONSchema;\n  onSubmit: (data: any) => void;\n  defaultValues?: any;\n}\n\nexport const SchemaForm: React.FC<SchemaFormProps> = ({ schema, onSubmit, defaultValues }) => {\n  const methods = useForm({\n    resolver: ajvResolver(schema as any, {\n      formats: {\n        'rich-text': true,\n        password: true,\n        email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/,\n      },\n    }),\n    defaultValues,\n  });\n\n  if (schema.type !== 'object' || !schema.properties) {\n    return <div className=\"cdf-error-message\">Root schema must be an object with properties.</div>;\n  }\n\n  return (\n    <div className=\"cdf-form-container\">\n      {schema.title && <h2 className=\"cdf-form-title\">{schema.title}</h2>}\n      {schema.description && (\n        <p style={{ color: 'var(--cdf-text-muted)', marginBottom: '1.5rem' }}>\n          {schema.description}\n        </p>\n      )}\n\n      <FormProvider {...methods}>\n        <form onSubmit={methods.handleSubmit(onSubmit)} noValidate>\n          {Object.entries(schema.properties).map(([key, propSchema]) => (\n            <FieldRenderer\n              key={key}\n              name={key}\n              schema={propSchema}\n              isRequired={schema.required?.includes(key)}\n            />\n          ))}\n          <button type=\"submit\" className=\"cdf-submit-btn\">\n            Submit\n          </button>\n        </form>\n      </FormProvider>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/fields/TextField.tsx","../src/components/fields/PasswordField.tsx","../src/components/fields/NumberField.tsx","../src/components/fields/RichTextField.tsx","../src/components/fields/SelectField.tsx","../src/components/fields/RadioField.tsx","../src/components/fields/CheckboxField.tsx","../src/components/fields/CheckboxGroupField.tsx","../src/components/fields/FileField.tsx","../src/components/FieldRenderer.tsx","../src/components/SchemaForm.tsx"],"names":["useFormContext","jsxs","jsx","AlertCircle","useState","EyeOff","Eye","useEditor","StarterKit","editor","useEffect","Bold","Italic","Heading2","List","ListOrdered","EditorContent","_a","useForm","ajvResolver","FormProvider"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface TextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const TextField: React.FC<TextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={schema.format === 'email' ? 'email' : 'text'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Eye, EyeOff } from 'lucide-react';\n\ninterface PasswordFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const [showPassword, setShowPassword] = useState(false);\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={showPassword ? 'text' : 'password'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          style={{ paddingRight: '2.5rem' }}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n        <button\n          type=\"button\"\n          className=\"cdf-toolbar-btn\"\n          style={{ position: 'absolute', right: '0.5rem' }}\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n        </button>\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface NumberFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const NumberField: React.FC<NumberFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type=\"number\"\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name, {\n            valueAsNumber: true,\n          })}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Bold, Italic, List, ListOrdered, Heading2 } from 'lucide-react';\n\ninterface RichTextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const RichTextField: React.FC<RichTextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    setValue,\n    watch,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n  const value = watch(name);\n\n  const editor = useEditor({\n    extensions: [StarterKit],\n    content: value || '',\n    onUpdate: ({ editor }) => {\n      setValue(name, editor.getHTML(), { shouldValidate: true, shouldDirty: true });\n    },\n  });\n\n  // Keep editor in sync with external form changes (if any)\n  useEffect(() => {\n    if (editor && value !== editor.getHTML()) {\n      editor.commands.setContent(value || '');\n    }\n  }, [value, editor]);\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className={`cdf-rich-text-wrapper ${error ? 'cdf-input--error' : ''}`}>\n        <div className=\"cdf-rich-text-toolbar\">\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bold') ? 'is-active' : ''}`}\n          >\n            <Bold size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('italic') ? 'is-active' : ''}`}\n          >\n            <Italic size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}`}\n          >\n            <Heading2 size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}`}\n          >\n            <List size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}`}\n          >\n            <ListOrdered size={16} />\n          </button>\n        </div>\n\n        <EditorContent editor={editor} className=\"cdf-rich-text-content\" />\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface SelectFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const SelectField: React.FC<SelectFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label htmlFor={name} className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className=\"cdf-input-wrapper\">\n        <select\n          id={name}\n          {...register(name)}\n          className={`cdf-input cdf-select ${error ? 'cdf-input--error' : ''}`}\n        >\n          <option value=\"\">Select an option...</option>\n          {schema.enum?.map((option) => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface RadioFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const RadioField: React.FC<RadioFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className=\"cdf-radio-group\">\n        {schema.enum?.map((option) => (\n          <label key={option} className=\"cdf-radio-label\">\n            <input type=\"radio\" value={option} {...register(name)} className=\"cdf-radio-input\" />\n            {option}\n          </label>\n        ))}\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface CheckboxFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <div className=\"cdf-checkbox-group\">\n        <label className=\"cdf-checkbox-label\">\n          <input type=\"checkbox\" {...register(name)} className=\"cdf-checkbox-input\" />\n          {schema.title || name}\n          {isRequired && <span className=\"cdf-required-mark\">*</span>}\n        </label>\n      </div>\n\n      {schema.description && (\n        <p style={{ fontSize: '0.875rem', color: 'var(--cdf-text-muted)', marginTop: '0.25rem' }}>\n          {schema.description}\n        </p>\n      )}\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface CheckboxGroupFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const CheckboxGroupField: React.FC<CheckboxGroupFieldProps> = ({\n  name,\n  schema,\n  isRequired,\n}) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  // Extract enum options from items definition\n  let options: any[] = [];\n  if (schema.items && !Array.isArray(schema.items) && schema.items.enum) {\n    options = schema.items.enum;\n  }\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className=\"cdf-checkbox-group\">\n        {options.map((option) => (\n          <label key={option} className=\"cdf-checkbox-label\">\n            <input\n              type=\"checkbox\"\n              value={option}\n              {...register(name)}\n              className=\"cdf-checkbox-input\"\n            />\n            {option}\n          </label>\n        ))}\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface FileFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const FileField: React.FC<FileFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const [fileName, setFileName] = useState<string | null>(null);\n  const error = errors[name];\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) {\n      setValue(name, undefined, { shouldValidate: true });\n      setFileName(null);\n      return;\n    }\n\n    setFileName(file.name);\n\n    // Convert file to base64 data-url\n    const reader = new FileReader();\n    reader.onload = (event) => {\n      setValue(name, event.target?.result, { shouldValidate: true });\n    };\n    reader.readAsDataURL(file);\n  };\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className={`cdf-file-wrapper ${error ? 'cdf-input--error' : ''}`}>\n        <input type=\"file\" className=\"cdf-file-input\" onChange={handleFileChange} />\n        <div className=\"cdf-file-text\">\n          <span>Click to upload</span> or drag and drop\n        </div>\n        {fileName && (\n          <div className=\"cdf-file-preview\">\n            Selected: <strong>{fileName}</strong>\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { JSONSchema, UISchema } from '../types/schema';\nimport { TextField } from './fields/TextField';\nimport { PasswordField } from './fields/PasswordField';\nimport { NumberField } from './fields/NumberField';\nimport { RichTextField } from './fields/RichTextField';\nimport { SelectField } from './fields/SelectField';\nimport { RadioField } from './fields/RadioField';\nimport { CheckboxField } from './fields/CheckboxField';\nimport { CheckboxGroupField } from './fields/CheckboxGroupField';\nimport { FileField } from './fields/FileField';\n\ninterface FieldRendererProps {\n  name: string;\n  schema: JSONSchema;\n  uiSchema?: UISchema;\n  isRequired?: boolean;\n}\n\nexport const FieldRenderer: React.FC<FieldRendererProps> = ({\n  name,\n  schema,\n  uiSchema,\n  isRequired,\n}) => {\n  const columnSpan = uiSchema?.['ui:columnSpan'] || 1;\n  const widget = uiSchema?.['ui:widget'];\n\n  const renderField = () => {\n    // Arrays (Checkbox Groups)\n    if (schema.type === 'array') {\n      return <CheckboxGroupField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Booleans (Single Checkbox)\n    if (schema.type === 'boolean') {\n      return <CheckboxField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Enums (Select vs Radio)\n    if (schema.enum) {\n      if (widget === 'radio') {\n        return <RadioField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      return <SelectField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Strings\n    if (schema.type === 'string') {\n      if (schema.format === 'data-url') {\n        return <FileField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      if (schema.format === 'password') {\n        return <PasswordField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      if (schema.format === 'rich-text') {\n        return <RichTextField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      return <TextField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Numbers\n    if (schema.type === 'number' || schema.type === 'integer') {\n      return <NumberField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Fallback\n    return (\n      <div className=\"cdf-field-group\">\n        <p className=\"cdf-error-message\">Unsupported field type: {schema.type}</p>\n      </div>\n    );\n  };\n\n  return (\n    <div style={{ gridColumn: `span ${columnSpan} / span ${columnSpan}` }}>{renderField()}</div>\n  );\n};\n","import React from 'react';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { ajvResolver } from '@hookform/resolvers/ajv';\nimport { JSONSchema, UISchema } from '../types/schema';\nimport { FieldRenderer } from './FieldRenderer';\nimport '../styles/form.css';\n\ninterface SchemaFormProps {\n  schema: JSONSchema;\n  uiSchema?: Record<string, UISchema>;\n  onSubmit: (data: any) => void;\n  defaultValues?: any;\n  columns?: 1 | 2 | 3 | 4;\n  theme?: {\n    primary?: string;\n    background?: string;\n    text?: string;\n    error?: string;\n    surface?: string;\n    border?: string;\n  };\n}\n\nexport const SchemaForm: React.FC<SchemaFormProps> = ({\n  schema,\n  uiSchema = {},\n  onSubmit,\n  defaultValues,\n  columns = 1,\n  theme,\n}) => {\n  const methods = useForm({\n    resolver: ajvResolver(schema as any, {\n      formats: {\n        'rich-text': true,\n        password: true,\n        'data-url': true,\n        email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/,\n      },\n    }),\n    defaultValues,\n  });\n\n  if (schema.type !== 'object' || !schema.properties) {\n    return <div className=\"cdf-error-message\">Root schema must be an object with properties.</div>;\n  }\n\n  const themeStyles = theme\n    ? ({\n        '--cdf-primary': theme.primary,\n        '--cdf-bg': theme.background,\n        '--cdf-text': theme.text,\n        '--cdf-error': theme.error,\n        '--cdf-surface': theme.surface,\n        '--cdf-border': theme.border,\n      } as React.CSSProperties)\n    : {};\n\n  return (\n    <div className=\"cdf-form-container\" style={themeStyles}>\n      {schema.title && <h2 className=\"cdf-form-title\">{schema.title}</h2>}\n      {schema.description && (\n        <p style={{ color: 'var(--cdf-text-muted)', marginBottom: '1.5rem' }}>\n          {schema.description}\n        </p>\n      )}\n\n      <FormProvider {...methods}>\n        <form onSubmit={methods.handleSubmit(onSubmit)} noValidate>\n          <div className={`cdf-form-grid-${columns}`}>\n            {Object.entries(schema.properties).map(([key, propSchema]) => (\n              <FieldRenderer\n                key={key}\n                name={key}\n                schema={propSchema}\n                uiSchema={uiSchema[key]}\n                isRequired={schema.required?.includes(key)}\n              />\n            ))}\n          </div>\n          <button type=\"submit\" className=\"cdf-submit-btn\">\n            Submit\n          </button>\n        </form>\n      </FormProvider>\n    </div>\n  );\n};\n"]}

package/dist/index.mjs

@@ -185,30 +185,291 @@ var RichTextField = ({ name, schema, isRequired }) => {
     ] })
   ] });
 };
-var FieldRenderer = ({ name, schema, isRequired }) => {
-  if (schema.type === "string") {
-    if (schema.format === "password") {
-      return /* @__PURE__ */ jsx(PasswordField, { name, schema, isRequired });
+var SelectField = ({ name, schema, isRequired }) => {
+  var _a;
+  const {
+    register,
+    formState: { errors }
+  } = useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: name, className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "cdf-input-wrapper", children: /* @__PURE__ */ jsxs(
+      "select",
+      {
+        id: name,
+        ...register(name),
+        className: `cdf-input cdf-select ${error ? "cdf-input--error" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: "Select an option..." }),
+          (_a = schema.enum) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+        ]
+      }
+    ) }),
+    error && /* @__PURE__ */ jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var RadioField = ({ name, schema, isRequired }) => {
+  var _a;
+  const {
+    register,
+    formState: { errors }
+  } = useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxs("label", { className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "cdf-radio-group", children: (_a = schema.enum) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsxs("label", { className: "cdf-radio-label", children: [
+      /* @__PURE__ */ jsx("input", { type: "radio", value: option, ...register(name), className: "cdf-radio-input" }),
+      option
+    ] }, option)) }),
+    error && /* @__PURE__ */ jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var CheckboxField = ({ name, schema, isRequired }) => {
+  const {
+    register,
+    formState: { errors }
+  } = useFormContext();
+  const error = errors[name];
+  return /* @__PURE__ */ jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsx("div", { className: "cdf-checkbox-group", children: /* @__PURE__ */ jsxs("label", { className: "cdf-checkbox-label", children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", ...register(name), className: "cdf-checkbox-input" }),
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }) }),
+    schema.description && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "var(--cdf-text-muted)", marginTop: "0.25rem" }, children: schema.description }),
+    error && /* @__PURE__ */ jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var CheckboxGroupField = ({
+  name,
+  schema,
+  isRequired
+}) => {
+  const {
+    register,
+    formState: { errors }
+  } = useFormContext();
+  const error = errors[name];
+  let options = [];
+  if (schema.items && !Array.isArray(schema.items) && schema.items.enum) {
+    options = schema.items.enum;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxs("label", { className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "cdf-checkbox-group", children: options.map((option) => /* @__PURE__ */ jsxs("label", { className: "cdf-checkbox-label", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          value: option,
+          ...register(name),
+          className: "cdf-checkbox-input"
+        }
+      ),
+      option
+    ] }, option)) }),
+    error && /* @__PURE__ */ jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var FileField = ({ name, schema, isRequired }) => {
+  const {
+    setValue,
+    formState: { errors }
+  } = useFormContext();
+  const [fileName, setFileName] = useState(null);
+  const error = errors[name];
+  const handleFileChange = (e) => {
+    var _a;
+    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    if (!file) {
+      setValue(name, void 0, { shouldValidate: true });
+      setFileName(null);
+      return;
+    }
+    setFileName(file.name);
+    const reader = new FileReader();
+    reader.onload = (event) => {
+      var _a2;
+      setValue(name, (_a2 = event.target) == null ? void 0 : _a2.result, { shouldValidate: true });
+    };
+    reader.readAsDataURL(file);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "cdf-field-group", children: [
+    /* @__PURE__ */ jsxs("label", { className: "cdf-label", children: [
+      schema.title || name,
+      isRequired && /* @__PURE__ */ jsx("span", { className: "cdf-required-mark", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: `cdf-file-wrapper ${error ? "cdf-input--error" : ""}`, children: [
+      /* @__PURE__ */ jsx("input", { type: "file", className: "cdf-file-input", onChange: handleFileChange }),
+      /* @__PURE__ */ jsxs("div", { className: "cdf-file-text", children: [
+        /* @__PURE__ */ jsx("span", { children: "Click to upload" }),
+        " or drag and drop"
+      ] }),
+      fileName && /* @__PURE__ */ jsxs("div", { className: "cdf-file-preview", children: [
+        "Selected: ",
+        /* @__PURE__ */ jsx("strong", { children: fileName })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxs("span", { className: "cdf-error-message", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "14",
+          height: "14",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+            /* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+          ]
+        }
+      ),
+      error.message
+    ] })
+  ] });
+};
+var FieldRenderer = ({
+  name,
+  schema,
+  uiSchema,
+  isRequired
+}) => {
+  const columnSpan = (uiSchema == null ? void 0 : uiSchema["ui:columnSpan"]) || 1;
+  const widget = uiSchema == null ? void 0 : uiSchema["ui:widget"];
+  const renderField = () => {
+    if (schema.type === "array") {
+      return /* @__PURE__ */ jsx(CheckboxGroupField, { name, schema, isRequired });
     }
-    if (schema.format === "rich-text") {
-      return /* @__PURE__ */ jsx(RichTextField, { name, schema, isRequired });
+    if (schema.type === "boolean") {
+      return /* @__PURE__ */ jsx(CheckboxField, { name, schema, isRequired });
     }
-    return /* @__PURE__ */ jsx(TextField, { name, schema, isRequired });
-  }
-  if (schema.type === "number" || schema.type === "integer") {
-    return /* @__PURE__ */ jsx(NumberField, { name, schema, isRequired });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "cdf-field-group", children: /* @__PURE__ */ jsxs("p", { className: "cdf-error-message", children: [
-    "Unsupported field type: ",
-    schema.type
-  ] }) });
+    if (schema.enum) {
+      if (widget === "radio") {
+        return /* @__PURE__ */ jsx(RadioField, { name, schema, isRequired });
+      }
+      return /* @__PURE__ */ jsx(SelectField, { name, schema, isRequired });
+    }
+    if (schema.type === "string") {
+      if (schema.format === "data-url") {
+        return /* @__PURE__ */ jsx(FileField, { name, schema, isRequired });
+      }
+      if (schema.format === "password") {
+        return /* @__PURE__ */ jsx(PasswordField, { name, schema, isRequired });
+      }
+      if (schema.format === "rich-text") {
+        return /* @__PURE__ */ jsx(RichTextField, { name, schema, isRequired });
+      }
+      return /* @__PURE__ */ jsx(TextField, { name, schema, isRequired });
+    }
+    if (schema.type === "number" || schema.type === "integer") {
+      return /* @__PURE__ */ jsx(NumberField, { name, schema, isRequired });
+    }
+    return /* @__PURE__ */ jsx("div", { className: "cdf-field-group", children: /* @__PURE__ */ jsxs("p", { className: "cdf-error-message", children: [
+      "Unsupported field type: ",
+      schema.type
+    ] }) });
+  };
+  return /* @__PURE__ */ jsx("div", { style: { gridColumn: `span ${columnSpan} / span ${columnSpan}` }, children: renderField() });
 };
-var SchemaForm = ({ schema, onSubmit, defaultValues }) => {
+var SchemaForm = ({
+  schema,
+  uiSchema = {},
+  onSubmit,
+  defaultValues,
+  columns = 1,
+  theme
+}) => {
   const methods = useForm({
     resolver: ajvResolver(schema, {
       formats: {
         "rich-text": true,
         password: true,
+        "data-url": true,
         email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
       }
     }),
@@ -217,22 +478,31 @@ var SchemaForm = ({ schema, onSubmit, defaultValues }) => {
   if (schema.type !== "object" || !schema.properties) {
     return /* @__PURE__ */ jsx("div", { className: "cdf-error-message", children: "Root schema must be an object with properties." });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "cdf-form-container", children: [
+  const themeStyles = theme ? {
+    "--cdf-primary": theme.primary,
+    "--cdf-bg": theme.background,
+    "--cdf-text": theme.text,
+    "--cdf-error": theme.error,
+    "--cdf-surface": theme.surface,
+    "--cdf-border": theme.border
+  } : {};
+  return /* @__PURE__ */ jsxs("div", { className: "cdf-form-container", style: themeStyles, children: [
     schema.title && /* @__PURE__ */ jsx("h2", { className: "cdf-form-title", children: schema.title }),
     schema.description && /* @__PURE__ */ jsx("p", { style: { color: "var(--cdf-text-muted)", marginBottom: "1.5rem" }, children: schema.description }),
     /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs("form", { onSubmit: methods.handleSubmit(onSubmit), noValidate: true, children: [
-      Object.entries(schema.properties).map(([key, propSchema]) => {
+      /* @__PURE__ */ jsx("div", { className: `cdf-form-grid-${columns}`, children: Object.entries(schema.properties).map(([key, propSchema]) => {
         var _a;
         return /* @__PURE__ */ jsx(
           FieldRenderer,
           {
             name: key,
             schema: propSchema,
+            uiSchema: uiSchema[key],
             isRequired: (_a = schema.required) == null ? void 0 : _a.includes(key)
           },
           key
         );
-      }),
+      }) }),
       /* @__PURE__ */ jsx("button", { type: "submit", className: "cdf-submit-btn", children: "Submit" })
     ] }) })
   ] });

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/fields/TextField.tsx","../src/components/fields/PasswordField.tsx","../src/components/fields/NumberField.tsx","../src/components/fields/RichTextField.tsx","../src/components/FieldRenderer.tsx","../src/components/SchemaForm.tsx"],"names":["useFormContext","jsxs","jsx","AlertCircle","editor"],"mappings":"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","file":"index.mjs","sourcesContent":["import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface TextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const TextField: React.FC<TextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={schema.format === 'email' ? 'email' : 'text'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Eye, EyeOff } from 'lucide-react';\n\ninterface PasswordFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const [showPassword, setShowPassword] = useState(false);\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={showPassword ? 'text' : 'password'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          style={{ paddingRight: '2.5rem' }}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n        <button\n          type=\"button\"\n          className=\"cdf-toolbar-btn\"\n          style={{ position: 'absolute', right: '0.5rem' }}\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n        </button>\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface NumberFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const NumberField: React.FC<NumberFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type=\"number\"\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name, {\n            valueAsNumber: true,\n          })}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Bold, Italic, List, ListOrdered, Heading2 } from 'lucide-react';\n\ninterface RichTextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const RichTextField: React.FC<RichTextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    setValue,\n    watch,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n  const value = watch(name);\n\n  const editor = useEditor({\n    extensions: [StarterKit],\n    content: value || '',\n    onUpdate: ({ editor }) => {\n      setValue(name, editor.getHTML(), { shouldValidate: true, shouldDirty: true });\n    },\n  });\n\n  // Keep editor in sync with external form changes (if any)\n  useEffect(() => {\n    if (editor && value !== editor.getHTML()) {\n      editor.commands.setContent(value || '');\n    }\n  }, [value, editor]);\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className={`cdf-rich-text-wrapper ${error ? 'cdf-input--error' : ''}`}>\n        <div className=\"cdf-rich-text-toolbar\">\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bold') ? 'is-active' : ''}`}\n          >\n            <Bold size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('italic') ? 'is-active' : ''}`}\n          >\n            <Italic size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}`}\n          >\n            <Heading2 size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}`}\n          >\n            <List size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}`}\n          >\n            <ListOrdered size={16} />\n          </button>\n        </div>\n\n        <EditorContent editor={editor} className=\"cdf-rich-text-content\" />\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { JSONSchema } from '../types/schema';\nimport { TextField } from './fields/TextField';\nimport { PasswordField } from './fields/PasswordField';\nimport { NumberField } from './fields/NumberField';\nimport { RichTextField } from './fields/RichTextField';\n\ninterface FieldRendererProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const FieldRenderer: React.FC<FieldRendererProps> = ({ name, schema, isRequired }) => {\n  if (schema.type === 'string') {\n    if (schema.format === 'password') {\n      return <PasswordField name={name} schema={schema} isRequired={isRequired} />;\n    }\n    if (schema.format === 'rich-text') {\n      return <RichTextField name={name} schema={schema} isRequired={isRequired} />;\n    }\n    return <TextField name={name} schema={schema} isRequired={isRequired} />;\n  }\n\n  if (schema.type === 'number' || schema.type === 'integer') {\n    return <NumberField name={name} schema={schema} isRequired={isRequired} />;\n  }\n\n  // Fallback for unsupported types\n  return (\n    <div className=\"cdf-field-group\">\n      <p className=\"cdf-error-message\">Unsupported field type: {schema.type}</p>\n    </div>\n  );\n};\n","import React from 'react';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { ajvResolver } from '@hookform/resolvers/ajv';\nimport { JSONSchema } from '../types/schema';\nimport { FieldRenderer } from './FieldRenderer';\nimport '../styles/form.css';\n\ninterface SchemaFormProps {\n  schema: JSONSchema;\n  onSubmit: (data: any) => void;\n  defaultValues?: any;\n}\n\nexport const SchemaForm: React.FC<SchemaFormProps> = ({ schema, onSubmit, defaultValues }) => {\n  const methods = useForm({\n    resolver: ajvResolver(schema as any, {\n      formats: {\n        'rich-text': true,\n        password: true,\n        email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/,\n      },\n    }),\n    defaultValues,\n  });\n\n  if (schema.type !== 'object' || !schema.properties) {\n    return <div className=\"cdf-error-message\">Root schema must be an object with properties.</div>;\n  }\n\n  return (\n    <div className=\"cdf-form-container\">\n      {schema.title && <h2 className=\"cdf-form-title\">{schema.title}</h2>}\n      {schema.description && (\n        <p style={{ color: 'var(--cdf-text-muted)', marginBottom: '1.5rem' }}>\n          {schema.description}\n        </p>\n      )}\n\n      <FormProvider {...methods}>\n        <form onSubmit={methods.handleSubmit(onSubmit)} noValidate>\n          {Object.entries(schema.properties).map(([key, propSchema]) => (\n            <FieldRenderer\n              key={key}\n              name={key}\n              schema={propSchema}\n              isRequired={schema.required?.includes(key)}\n            />\n          ))}\n          <button type=\"submit\" className=\"cdf-submit-btn\">\n            Submit\n          </button>\n        </form>\n      </FormProvider>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/fields/TextField.tsx","../src/components/fields/PasswordField.tsx","../src/components/fields/NumberField.tsx","../src/components/fields/RichTextField.tsx","../src/components/fields/SelectField.tsx","../src/components/fields/RadioField.tsx","../src/components/fields/CheckboxField.tsx","../src/components/fields/CheckboxGroupField.tsx","../src/components/fields/FileField.tsx","../src/components/FieldRenderer.tsx","../src/components/SchemaForm.tsx"],"names":["useFormContext","jsxs","jsx","AlertCircle","editor","useState","_a"],"mappings":"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","file":"index.mjs","sourcesContent":["import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface TextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const TextField: React.FC<TextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={schema.format === 'email' ? 'email' : 'text'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Eye, EyeOff } from 'lucide-react';\n\ninterface PasswordFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const PasswordField: React.FC<PasswordFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const [showPassword, setShowPassword] = useState(false);\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type={showPassword ? 'text' : 'password'}\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          style={{ paddingRight: '2.5rem' }}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name)}\n        />\n        <button\n          type=\"button\"\n          className=\"cdf-toolbar-btn\"\n          style={{ position: 'absolute', right: '0.5rem' }}\n          onClick={() => setShowPassword(!showPassword)}\n        >\n          {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n        </button>\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle } from 'lucide-react';\n\ninterface NumberFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const NumberField: React.FC<NumberFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n      <div className=\"cdf-input-wrapper\">\n        <input\n          id={name}\n          type=\"number\"\n          className={`cdf-input ${error ? 'cdf-input--error' : ''}`}\n          placeholder={`Enter ${schema.title || name}`}\n          {...register(name, {\n            valueAsNumber: true,\n          })}\n        />\n      </div>\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport { JSONSchema } from '../../types/schema';\nimport { AlertCircle, Bold, Italic, List, ListOrdered, Heading2 } from 'lucide-react';\n\ninterface RichTextFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const RichTextField: React.FC<RichTextFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    setValue,\n    watch,\n    formState: { errors },\n  } = useFormContext();\n  const error = errors[name];\n  const value = watch(name);\n\n  const editor = useEditor({\n    extensions: [StarterKit],\n    content: value || '',\n    onUpdate: ({ editor }) => {\n      setValue(name, editor.getHTML(), { shouldValidate: true, shouldDirty: true });\n    },\n  });\n\n  // Keep editor in sync with external form changes (if any)\n  useEffect(() => {\n    if (editor && value !== editor.getHTML()) {\n      editor.commands.setContent(value || '');\n    }\n  }, [value, editor]);\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\" htmlFor={name}>\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className={`cdf-rich-text-wrapper ${error ? 'cdf-input--error' : ''}`}>\n        <div className=\"cdf-rich-text-toolbar\">\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBold().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bold') ? 'is-active' : ''}`}\n          >\n            <Bold size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleItalic().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('italic') ? 'is-active' : ''}`}\n          >\n            <Italic size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('heading', { level: 2 }) ? 'is-active' : ''}`}\n          >\n            <Heading2 size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleBulletList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('bulletList') ? 'is-active' : ''}`}\n          >\n            <List size={16} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => editor?.chain().focus().toggleOrderedList().run()}\n            className={`cdf-toolbar-btn ${editor?.isActive('orderedList') ? 'is-active' : ''}`}\n          >\n            <ListOrdered size={16} />\n          </button>\n        </div>\n\n        <EditorContent editor={editor} className=\"cdf-rich-text-content\" />\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <AlertCircle size={14} />\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface SelectFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const SelectField: React.FC<SelectFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label htmlFor={name} className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className=\"cdf-input-wrapper\">\n        <select\n          id={name}\n          {...register(name)}\n          className={`cdf-input cdf-select ${error ? 'cdf-input--error' : ''}`}\n        >\n          <option value=\"\">Select an option...</option>\n          {schema.enum?.map((option) => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface RadioFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const RadioField: React.FC<RadioFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className=\"cdf-radio-group\">\n        {schema.enum?.map((option) => (\n          <label key={option} className=\"cdf-radio-label\">\n            <input type=\"radio\" value={option} {...register(name)} className=\"cdf-radio-input\" />\n            {option}\n          </label>\n        ))}\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface CheckboxFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  return (\n    <div className=\"cdf-field-group\">\n      <div className=\"cdf-checkbox-group\">\n        <label className=\"cdf-checkbox-label\">\n          <input type=\"checkbox\" {...register(name)} className=\"cdf-checkbox-input\" />\n          {schema.title || name}\n          {isRequired && <span className=\"cdf-required-mark\">*</span>}\n        </label>\n      </div>\n\n      {schema.description && (\n        <p style={{ fontSize: '0.875rem', color: 'var(--cdf-text-muted)', marginTop: '0.25rem' }}>\n          {schema.description}\n        </p>\n      )}\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface CheckboxGroupFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const CheckboxGroupField: React.FC<CheckboxGroupFieldProps> = ({\n  name,\n  schema,\n  isRequired,\n}) => {\n  const {\n    register,\n    formState: { errors },\n  } = useFormContext();\n\n  const error = errors[name];\n\n  // Extract enum options from items definition\n  let options: any[] = [];\n  if (schema.items && !Array.isArray(schema.items) && schema.items.enum) {\n    options = schema.items.enum;\n  }\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className=\"cdf-checkbox-group\">\n        {options.map((option) => (\n          <label key={option} className=\"cdf-checkbox-label\">\n            <input\n              type=\"checkbox\"\n              value={option}\n              {...register(name)}\n              className=\"cdf-checkbox-input\"\n            />\n            {option}\n          </label>\n        ))}\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { JSONSchema } from '../../types/schema';\n\ninterface FileFieldProps {\n  name: string;\n  schema: JSONSchema;\n  isRequired?: boolean;\n}\n\nexport const FileField: React.FC<FileFieldProps> = ({ name, schema, isRequired }) => {\n  const {\n    setValue,\n    formState: { errors },\n  } = useFormContext();\n\n  const [fileName, setFileName] = useState<string | null>(null);\n  const error = errors[name];\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) {\n      setValue(name, undefined, { shouldValidate: true });\n      setFileName(null);\n      return;\n    }\n\n    setFileName(file.name);\n\n    // Convert file to base64 data-url\n    const reader = new FileReader();\n    reader.onload = (event) => {\n      setValue(name, event.target?.result, { shouldValidate: true });\n    };\n    reader.readAsDataURL(file);\n  };\n\n  return (\n    <div className=\"cdf-field-group\">\n      <label className=\"cdf-label\">\n        {schema.title || name}\n        {isRequired && <span className=\"cdf-required-mark\">*</span>}\n      </label>\n\n      <div className={`cdf-file-wrapper ${error ? 'cdf-input--error' : ''}`}>\n        <input type=\"file\" className=\"cdf-file-input\" onChange={handleFileChange} />\n        <div className=\"cdf-file-text\">\n          <span>Click to upload</span> or drag and drop\n        </div>\n        {fileName && (\n          <div className=\"cdf-file-preview\">\n            Selected: <strong>{fileName}</strong>\n          </div>\n        )}\n      </div>\n\n      {error && (\n        <span className=\"cdf-error-message\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          {error.message as string}\n        </span>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { JSONSchema, UISchema } from '../types/schema';\nimport { TextField } from './fields/TextField';\nimport { PasswordField } from './fields/PasswordField';\nimport { NumberField } from './fields/NumberField';\nimport { RichTextField } from './fields/RichTextField';\nimport { SelectField } from './fields/SelectField';\nimport { RadioField } from './fields/RadioField';\nimport { CheckboxField } from './fields/CheckboxField';\nimport { CheckboxGroupField } from './fields/CheckboxGroupField';\nimport { FileField } from './fields/FileField';\n\ninterface FieldRendererProps {\n  name: string;\n  schema: JSONSchema;\n  uiSchema?: UISchema;\n  isRequired?: boolean;\n}\n\nexport const FieldRenderer: React.FC<FieldRendererProps> = ({\n  name,\n  schema,\n  uiSchema,\n  isRequired,\n}) => {\n  const columnSpan = uiSchema?.['ui:columnSpan'] || 1;\n  const widget = uiSchema?.['ui:widget'];\n\n  const renderField = () => {\n    // Arrays (Checkbox Groups)\n    if (schema.type === 'array') {\n      return <CheckboxGroupField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Booleans (Single Checkbox)\n    if (schema.type === 'boolean') {\n      return <CheckboxField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Enums (Select vs Radio)\n    if (schema.enum) {\n      if (widget === 'radio') {\n        return <RadioField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      return <SelectField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Strings\n    if (schema.type === 'string') {\n      if (schema.format === 'data-url') {\n        return <FileField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      if (schema.format === 'password') {\n        return <PasswordField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      if (schema.format === 'rich-text') {\n        return <RichTextField name={name} schema={schema} isRequired={isRequired} />;\n      }\n      return <TextField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Numbers\n    if (schema.type === 'number' || schema.type === 'integer') {\n      return <NumberField name={name} schema={schema} isRequired={isRequired} />;\n    }\n\n    // Fallback\n    return (\n      <div className=\"cdf-field-group\">\n        <p className=\"cdf-error-message\">Unsupported field type: {schema.type}</p>\n      </div>\n    );\n  };\n\n  return (\n    <div style={{ gridColumn: `span ${columnSpan} / span ${columnSpan}` }}>{renderField()}</div>\n  );\n};\n","import React from 'react';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { ajvResolver } from '@hookform/resolvers/ajv';\nimport { JSONSchema, UISchema } from '../types/schema';\nimport { FieldRenderer } from './FieldRenderer';\nimport '../styles/form.css';\n\ninterface SchemaFormProps {\n  schema: JSONSchema;\n  uiSchema?: Record<string, UISchema>;\n  onSubmit: (data: any) => void;\n  defaultValues?: any;\n  columns?: 1 | 2 | 3 | 4;\n  theme?: {\n    primary?: string;\n    background?: string;\n    text?: string;\n    error?: string;\n    surface?: string;\n    border?: string;\n  };\n}\n\nexport const SchemaForm: React.FC<SchemaFormProps> = ({\n  schema,\n  uiSchema = {},\n  onSubmit,\n  defaultValues,\n  columns = 1,\n  theme,\n}) => {\n  const methods = useForm({\n    resolver: ajvResolver(schema as any, {\n      formats: {\n        'rich-text': true,\n        password: true,\n        'data-url': true,\n        email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/,\n      },\n    }),\n    defaultValues,\n  });\n\n  if (schema.type !== 'object' || !schema.properties) {\n    return <div className=\"cdf-error-message\">Root schema must be an object with properties.</div>;\n  }\n\n  const themeStyles = theme\n    ? ({\n        '--cdf-primary': theme.primary,\n        '--cdf-bg': theme.background,\n        '--cdf-text': theme.text,\n        '--cdf-error': theme.error,\n        '--cdf-surface': theme.surface,\n        '--cdf-border': theme.border,\n      } as React.CSSProperties)\n    : {};\n\n  return (\n    <div className=\"cdf-form-container\" style={themeStyles}>\n      {schema.title && <h2 className=\"cdf-form-title\">{schema.title}</h2>}\n      {schema.description && (\n        <p style={{ color: 'var(--cdf-text-muted)', marginBottom: '1.5rem' }}>\n          {schema.description}\n        </p>\n      )}\n\n      <FormProvider {...methods}>\n        <form onSubmit={methods.handleSubmit(onSubmit)} noValidate>\n          <div className={`cdf-form-grid-${columns}`}>\n            {Object.entries(schema.properties).map(([key, propSchema]) => (\n              <FieldRenderer\n                key={key}\n                name={key}\n                schema={propSchema}\n                uiSchema={uiSchema[key]}\n                isRequired={schema.required?.includes(key)}\n              />\n            ))}\n          </div>\n          <button type=\"submit\" className=\"cdf-submit-btn\">\n            Submit\n          </button>\n        </form>\n      </FormProvider>\n    </div>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "config-driven-form",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",