feat: add mode to field def + move from metadata

Author: caiopizzol

demo/src/App.tsx

@@ -16,7 +16,7 @@ const availableFields: FieldDefinition[] = [
   { id: '1242142773', label: 'Service Type' },
   { id: '1242142774', label: 'Agreement Jurisdiction' },
   { id: '1242142775', label: 'Company Address' },
-  { id: '1242142776', label: 'Signature' },
+  { id: '1242142776', label: 'Signature', mode: 'block' },
 ];
 
 export function App() {

src/defaults/FieldMenu.tsx

@@ -61,7 +61,7 @@ export const FieldMenu: React.FC<FieldMenuProps> = ({
     const newField: FieldDefinition = {
       id: `custom_${Date.now()}`,
       label: trimmedName,
-      metadata: { mode: fieldMode },
+      mode: fieldMode,
     };
 
     try {
@@ -416,7 +416,7 @@ export const FieldMenu: React.FC<FieldMenuProps> = ({
                       flexShrink: 0,
                     }}
                   >
-                    {field.metadata?.mode || 'inline'}
+                    {field.mode || 'inline'}
                   </span>
                 </div>
               ))}

src/index.tsx

@@ -491,13 +491,13 @@ const SuperDocTemplateBuilder = forwardRef<
       menuTriggerFromRef.current = null;
       resetMenuFilter();
 
-      const mode = (field.metadata?.mode as 'inline' | 'block') || 'inline';
+      const mode = field.mode || 'inline';
 
       if (field.id.startsWith('custom_') && onFieldCreate) {
         const createdField = await onFieldCreate(field);
 
         if (createdField) {
-          const createdMode = (createdField.metadata?.mode as 'inline' | 'block') || mode;
+          const createdMode = createdField.mode || mode;
           insertFieldInternal(createdMode, {
             alias: createdField.label,
             metadata: createdField.metadata,

src/types.ts

@@ -5,6 +5,7 @@ export interface FieldDefinition {
   label: string;
   defaultValue?: string;
   metadata?: Record<string, any>;
+  mode?: 'inline' | 'block';
   group?: string;
 }