chore(style-editor): Created API to define style editor form structure on dotcms/uve

[KevinDavilaDotCMS]

2025-12-10.13-02-36.mov

Usage

  // First define the form with the API.
    const blogForm = defineStyleEditorSchema({
        contentType: 'Content',
        sections: [
            {
                title: 'Typography',
                fields: [
                    styleEditorField.checkboxGroup({
                        label: 'New CheckboxGroup',
                        options: [
                            {
                                label: 'Option 1',
                                value: 'option1'
                            },
                            {
                                label: 'Option 2',
                                value: 'option2'
                            }
                        ],
                        defaultValue: {
                            option1: false,
                            option2: false
                        },
                    }),
                    styleEditorField.radio({
                        label: 'Layout',
                        columns: 2,
                        options: [
                            {
                                label: 'Option 1',
                                value: 'option1',
                                imageURL: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSphn5CRr3MrQUjWWH7ByHWW-lROnVQl4XxYQ&s',
                                width: 119
                            },
                            {
                                label: 'Option 2',
                                value: 'option2',
                                imageURL: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSphn5CRr3MrQUjWWH7ByHWW-lROnVQl4XxYQ&s'
                            },
                            {
                                label: 'New Option',
                                value: ''
                            },
                            {
                                label: 'New Option',
                                value: 'new-option'
                            }
                        ],
                    })
                ]
            }
        ]
    })
    
    // Then use the helper hook.

    useStyleEditorSchemas([blogForm])
    // This hook internally use a exposed function called registerStyleEditorSchemas()
    // In Angular, we can use this function directly. We can create a service for this too, but maybe is a lot of code only for that, but we can recheck this later 

This PR fixes: #33809