@allternit/ix 0.1.0

package/dist/collab/visual-editor.d.ts

@@ -0,0 +1,199 @@
+/**
+ * Visual Editor for A2R-IX
+ *
+ * Declarative API for building UI IR visually.
+ */
+import type { UIRoot, UIComponent, UIAction, StateVariable } from '../types';
+export interface VisualEditor {
+    /** Create new UI document */
+    create(version?: string): UIRootBuilder;
+    /** Load existing UI */
+    load(root: UIRoot): UIRootBuilder;
+}
+export interface UIRootBuilder {
+    /** Set document metadata */
+    metadata(meta: {
+        title?: string;
+        description?: string;
+        author?: string;
+    }): UIRootBuilder;
+    /** Add component to root */
+    add(component: UIComponentBuilder | UIComponent): UIRootBuilder;
+    /** Add state variable */
+    state(path: string, type: StateVariable['type'], defaultValue?: unknown): UIRootBuilder;
+    /** Add computed value */
+    computed(name: string, deps: string[], compute: string): UIRootBuilder;
+    /** Add action */
+    action(id: string, type: UIAction['type'], handler: UIAction['handler']): UIRootBuilder;
+    /** Add custom CSS */
+    css(styles: string): UIRootBuilder;
+    /** Build final UIRoot */
+    build(): UIRoot;
+}
+export interface UIComponentBuilder {
+    /** Set component ID */
+    id(id: string): UIComponentBuilder;
+    /** Set component props */
+    props(props: Record<string, unknown>): UIComponentBuilder;
+    /** Add prop */
+    prop(key: string, value: unknown): UIComponentBuilder;
+    /** Add binding */
+    bind(prop: string, statePath: string, direction?: 'one-way' | 'two-way'): UIComponentBuilder;
+    /** Add event handler */
+    on(event: string, action: string, params?: Record<string, unknown>): UIComponentBuilder;
+    /** Add child component */
+    child(component: UIComponentBuilder | UIComponent): UIComponentBuilder;
+    /** Set conditional render */
+    when(condition: string): UIComponentBuilder;
+    /** Set repeat/for loop */
+    repeat(items: string, as: string, options?: {
+        indexAs?: string;
+        filter?: string;
+        sort?: string;
+    }): UIComponentBuilder;
+    /** Set style */
+    style(styles: Record<string, string | number>): UIComponentBuilder;
+    /** Set CSS class */
+    className(className: string): UIComponentBuilder;
+    /** Build final component */
+    build(): UIComponent;
+}
+/**
+ * Create visual editor
+ */
+export declare function createVisualEditor(): VisualEditor;
+/**
+ * Component type builders
+ */
+export declare const components: {
+    /** Layout components */
+    layout: {
+        Box: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Stack: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Grid: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Flex: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Container: (props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+    /** Typography components */
+    typography: {
+        Text: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Heading: (text: string, level?: number, props?: Record<string, unknown>) => UIComponentBuilder;
+        Paragraph: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Label: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+    /** Input components */
+    input: {
+        Button: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Input: (props?: Record<string, unknown>) => UIComponentBuilder;
+        TextArea: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Select: (options: Array<{
+            value: string;
+            label: string;
+        }>, props?: Record<string, unknown>) => UIComponentBuilder;
+        Checkbox: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Radio: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Switch: (props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+    /** Display components */
+    display: {
+        Image: (src: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Icon: (name: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Badge: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Card: (props?: Record<string, unknown>) => UIComponentBuilder;
+        List: (items: unknown[], renderItem: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Table: (data: unknown[], columns: unknown[], props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+};
+/**
+ * Fluent API for common patterns
+ */
+export declare const patterns: {
+    /** Create a form with inputs */
+    form: (fields: Array<{
+        name: string;
+        label: string;
+        type: string;
+    }>, submitAction: string) => UIRootBuilder;
+    /** Create a data table */
+    dataTable: (dataPath: string, columns: Array<{
+        key: string;
+        title: string;
+    }>) => UIComponentBuilder;
+    /** Create a modal/dialog */
+    modal: (title: string, content: UIComponentBuilder, onClose: string) => UIComponentBuilder;
+    /** Create a navigation menu */
+    navMenu: (items: Array<{
+        label: string;
+        action: string;
+        icon?: string;
+    }>) => UIComponentBuilder;
+};
+export declare const ui: {
+    /** Create new UI */
+    create: (version?: string) => UIRootBuilder;
+    /** Load existing UI */
+    load: (root: UIRoot) => UIRootBuilder;
+    /** Component builders */
+    components: {
+        /** Layout components */
+        layout: {
+            Box: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Stack: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Grid: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Flex: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Container: (props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+        /** Typography components */
+        typography: {
+            Text: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Heading: (text: string, level?: number, props?: Record<string, unknown>) => UIComponentBuilder;
+            Paragraph: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Label: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+        /** Input components */
+        input: {
+            Button: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Input: (props?: Record<string, unknown>) => UIComponentBuilder;
+            TextArea: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Select: (options: Array<{
+                value: string;
+                label: string;
+            }>, props?: Record<string, unknown>) => UIComponentBuilder;
+            Checkbox: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Radio: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Switch: (props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+        /** Display components */
+        display: {
+            Image: (src: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Icon: (name: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Badge: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Card: (props?: Record<string, unknown>) => UIComponentBuilder;
+            List: (items: unknown[], renderItem: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Table: (data: unknown[], columns: unknown[], props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+    };
+    /** Pattern builders */
+    patterns: {
+        /** Create a form with inputs */
+        form: (fields: Array<{
+            name: string;
+            label: string;
+            type: string;
+        }>, submitAction: string) => UIRootBuilder;
+        /** Create a data table */
+        dataTable: (dataPath: string, columns: Array<{
+            key: string;
+            title: string;
+        }>) => UIComponentBuilder;
+        /** Create a modal/dialog */
+        modal: (title: string, content: UIComponentBuilder, onClose: string) => UIComponentBuilder;
+        /** Create a navigation menu */
+        navMenu: (items: Array<{
+            label: string;
+            action: string;
+            icon?: string;
+        }>) => UIComponentBuilder;
+    };
+};
+//# sourceMappingURL=visual-editor.d.ts.map

package/dist/collab/visual-editor.d.ts.bak

@@ -0,0 +1,199 @@
+/**
+ * Visual Editor for A2R-IX
+ *
+ * Declarative API for building UI IR visually.
+ */
+import type { UIRoot, UIComponent, UIAction, StateVariable } from '../types';
+export interface VisualEditor {
+    /** Create new UI document */
+    create(version?: string): UIRootBuilder;
+    /** Load existing UI */
+    load(root: UIRoot): UIRootBuilder;
+}
+export interface UIRootBuilder {
+    /** Set document metadata */
+    metadata(meta: {
+        title?: string;
+        description?: string;
+        author?: string;
+    }): UIRootBuilder;
+    /** Add component to root */
+    add(component: UIComponentBuilder | UIComponent): UIRootBuilder;
+    /** Add state variable */
+    state(path: string, type: StateVariable['type'], defaultValue?: unknown): UIRootBuilder;
+    /** Add computed value */
+    computed(name: string, deps: string[], compute: string): UIRootBuilder;
+    /** Add action */
+    action(id: string, type: UIAction['type'], handler: UIAction['handler']): UIRootBuilder;
+    /** Add custom CSS */
+    css(styles: string): UIRootBuilder;
+    /** Build final UIRoot */
+    build(): UIRoot;
+}
+export interface UIComponentBuilder {
+    /** Set component ID */
+    id(id: string): UIComponentBuilder;
+    /** Set component props */
+    props(props: Record<string, unknown>): UIComponentBuilder;
+    /** Add prop */
+    prop(key: string, value: unknown): UIComponentBuilder;
+    /** Add binding */
+    bind(prop: string, statePath: string, direction?: 'one-way' | 'two-way'): UIComponentBuilder;
+    /** Add event handler */
+    on(event: string, action: string, params?: Record<string, unknown>): UIComponentBuilder;
+    /** Add child component */
+    child(component: UIComponentBuilder | UIComponent): UIComponentBuilder;
+    /** Set conditional render */
+    when(condition: string): UIComponentBuilder;
+    /** Set repeat/for loop */
+    repeat(items: string, as: string, options?: {
+        indexAs?: string;
+        filter?: string;
+        sort?: string;
+    }): UIComponentBuilder;
+    /** Set style */
+    style(styles: Record<string, string | number>): UIComponentBuilder;
+    /** Set CSS class */
+    className(className: string): UIComponentBuilder;
+    /** Build final component */
+    build(): UIComponent;
+}
+/**
+ * Create visual editor
+ */
+export declare function createVisualEditor(): VisualEditor;
+/**
+ * Component type builders
+ */
+export declare const components: {
+    /** Layout components */
+    layout: {
+        Box: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Stack: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Grid: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Flex: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Container: (props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+    /** Typography components */
+    typography: {
+        Text: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Heading: (text: string, level?: number, props?: Record<string, unknown>) => UIComponentBuilder;
+        Paragraph: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Label: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+    /** Input components */
+    input: {
+        Button: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Input: (props?: Record<string, unknown>) => UIComponentBuilder;
+        TextArea: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Select: (options: Array<{
+            value: string;
+            label: string;
+        }>, props?: Record<string, unknown>) => UIComponentBuilder;
+        Checkbox: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Radio: (props?: Record<string, unknown>) => UIComponentBuilder;
+        Switch: (props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+    /** Display components */
+    display: {
+        Image: (src: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Icon: (name: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Badge: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Card: (props?: Record<string, unknown>) => UIComponentBuilder;
+        List: (items: unknown[], renderItem: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        Table: (data: unknown[], columns: unknown[], props?: Record<string, unknown>) => UIComponentBuilder;
+    };
+};
+/**
+ * Fluent API for common patterns
+ */
+export declare const patterns: {
+    /** Create a form with inputs */
+    form: (fields: Array<{
+        name: string;
+        label: string;
+        type: string;
+    }>, submitAction: string) => UIRootBuilder;
+    /** Create a data table */
+    dataTable: (dataPath: string, columns: Array<{
+        key: string;
+        title: string;
+    }>) => UIComponentBuilder;
+    /** Create a modal/dialog */
+    modal: (title: string, content: UIComponentBuilder, onClose: string) => UIComponentBuilder;
+    /** Create a navigation menu */
+    navMenu: (items: Array<{
+        label: string;
+        action: string;
+        icon?: string;
+    }>) => UIComponentBuilder;
+};
+export declare const ui: {
+    /** Create new UI */
+    create: (version?: string) => UIRootBuilder;
+    /** Load existing UI */
+    load: (root: UIRoot) => UIRootBuilder;
+    /** Component builders */
+    components: {
+        /** Layout components */
+        layout: {
+            Box: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Stack: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Grid: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Flex: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Container: (props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+        /** Typography components */
+        typography: {
+            Text: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Heading: (text: string, level?: number, props?: Record<string, unknown>) => UIComponentBuilder;
+            Paragraph: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Label: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+        /** Input components */
+        input: {
+            Button: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Input: (props?: Record<string, unknown>) => UIComponentBuilder;
+            TextArea: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Select: (options: Array<{
+                value: string;
+                label: string;
+            }>, props?: Record<string, unknown>) => UIComponentBuilder;
+            Checkbox: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Radio: (props?: Record<string, unknown>) => UIComponentBuilder;
+            Switch: (props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+        /** Display components */
+        display: {
+            Image: (src: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Icon: (name: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Badge: (text: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Card: (props?: Record<string, unknown>) => UIComponentBuilder;
+            List: (items: unknown[], renderItem: string, props?: Record<string, unknown>) => UIComponentBuilder;
+            Table: (data: unknown[], columns: unknown[], props?: Record<string, unknown>) => UIComponentBuilder;
+        };
+    };
+    /** Pattern builders */
+    patterns: {
+        /** Create a form with inputs */
+        form: (fields: Array<{
+            name: string;
+            label: string;
+            type: string;
+        }>, submitAction: string) => UIRootBuilder;
+        /** Create a data table */
+        dataTable: (dataPath: string, columns: Array<{
+            key: string;
+            title: string;
+        }>) => UIComponentBuilder;
+        /** Create a modal/dialog */
+        modal: (title: string, content: UIComponentBuilder, onClose: string) => UIComponentBuilder;
+        /** Create a navigation menu */
+        navMenu: (items: Array<{
+            label: string;
+            action: string;
+            icon?: string;
+        }>) => UIComponentBuilder;
+    };
+};
+//# sourceMappingURL=visual-editor.d.ts.map

package/dist/collab/visual-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-editor.d.ts","sourceRoot":"","sources":["../../src/collab/visual-editor.ts"],"names":[],"mappings":"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"}

package/dist/collab/visual-editor.js

@@ -0,0 +1,259 @@
+/**
+ * Visual Editor for A2R-IX
+ *
+ * Declarative API for building UI IR visually.
+ */
+/**
+ * Create visual editor
+ */
+export function createVisualEditor() {
+    return {
+        create(version = '1.0.0') {
+            return createUIRootBuilder(version);
+        },
+        load(root) {
+            return createUIRootBuilder(root.version, root);
+        },
+    };
+}
+/**
+ * Create UI root builder
+ */
+function createUIRootBuilder(version, existing) {
+    const root = existing || {
+        version,
+        components: [],
+        state: { variables: [], computed: [], initial: {} },
+        actions: [],
+    };
+    let metadata = {};
+    return {
+        metadata(meta) {
+            metadata = { ...metadata, ...meta };
+            return this;
+        },
+        add(component) {
+            const comp = 'build' in component ? component.build() : component;
+            root.components.push(comp);
+            return this;
+        },
+        state(path, type, defaultValue) {
+            root.state.variables.push({ path, type, default: defaultValue });
+            if (defaultValue !== undefined) {
+                root.state.initial[path] = defaultValue;
+            }
+            return this;
+        },
+        computed(name, deps, compute) {
+            if (!root.state.computed) {
+                root.state.computed = [];
+            }
+            root.state.computed.push({
+                name,
+                deps,
+                compute: { $expr: compute },
+            });
+            return this;
+        },
+        action(id, type, handler) {
+            root.actions.push({ id, type, handler });
+            return this;
+        },
+        css(styles) {
+            root.css = styles;
+            return this;
+        },
+        build() {
+            if (Object.keys(metadata).length > 0) {
+                root.metadata = { ...root.metadata, ...metadata };
+            }
+            return root;
+        },
+    };
+}
+/**
+ * Component type builders
+ */
+export const components = {
+    /** Layout components */
+    layout: {
+        Box: (props) => createComponentBuilder('Box', props),
+        Stack: (props) => createComponentBuilder('Stack', props),
+        Grid: (props) => createComponentBuilder('Grid', props),
+        Flex: (props) => createComponentBuilder('Flex', props),
+        Container: (props) => createComponentBuilder('Container', props),
+    },
+    /** Typography components */
+    typography: {
+        Text: (text, props) => createComponentBuilder('Text', { children: text, ...props }),
+        Heading: (text, level = 1, props) => createComponentBuilder('Heading', { children: text, level, ...props }),
+        Paragraph: (text, props) => createComponentBuilder('Paragraph', { children: text, ...props }),
+        Label: (text, props) => createComponentBuilder('Label', { children: text, ...props }),
+    },
+    /** Input components */
+    input: {
+        Button: (text, props) => createComponentBuilder('Button', { children: text, ...props }),
+        Input: (props) => createComponentBuilder('Input', props),
+        TextArea: (props) => createComponentBuilder('TextArea', props),
+        Select: (options, props) => createComponentBuilder('Select', { options, ...props }),
+        Checkbox: (props) => createComponentBuilder('Checkbox', props),
+        Radio: (props) => createComponentBuilder('Radio', props),
+        Switch: (props) => createComponentBuilder('Switch', props),
+    },
+    /** Display components */
+    display: {
+        Image: (src, props) => createComponentBuilder('Image', { src, ...props }),
+        Icon: (name, props) => createComponentBuilder('Icon', { name, ...props }),
+        Badge: (text, props) => createComponentBuilder('Badge', { children: text, ...props }),
+        Card: (props) => createComponentBuilder('Card', props),
+        List: (items, renderItem, props) => createComponentBuilder('List', { items, renderItem, ...props }),
+        Table: (data, columns, props) => createComponentBuilder('Table', { data, columns, ...props }),
+    },
+};
+/**
+ * Create component builder
+ */
+function createComponentBuilder(type, initialProps = {}) {
+    const component = {
+        id: generateId(),
+        type,
+        props: { ...initialProps },
+    };
+    return {
+        id(id) {
+            component.id = id;
+            return this;
+        },
+        props(props) {
+            Object.assign(component.props, props);
+            return this;
+        },
+        prop(key, value) {
+            component.props[key] = value;
+            return this;
+        },
+        bind(prop, statePath, direction = 'one-way') {
+            if (!component.bindings) {
+                component.bindings = [];
+            }
+            component.bindings.push({ prop, statePath, direction });
+            return this;
+        },
+        on(event, action, params) {
+            if (!component.events) {
+                component.events = [];
+            }
+            component.events.push({ event, action, params });
+            return this;
+        },
+        child(childComponent) {
+            if (!component.children) {
+                component.children = [];
+            }
+            const child = 'build' in childComponent ? childComponent.build() : childComponent;
+            component.children.push(child);
+            return this;
+        },
+        when(condition) {
+            component.condition = { $expr: condition };
+            return this;
+        },
+        repeat(items, as, options) {
+            component.repeat = {
+                items,
+                as,
+                indexAs: options?.indexAs,
+                filter: options?.filter ? { $expr: options.filter } : undefined,
+                sort: options?.sort ? { $expr: options.sort } : undefined,
+            };
+            return this;
+        },
+        style(styles) {
+            component.style = styles;
+            return this;
+        },
+        className(className) {
+            component.className = className;
+            return this;
+        },
+        build() {
+            return component;
+        },
+    };
+}
+/**
+ * Generate unique ID
+ */
+function generateId() {
+    return `comp_${Math.random().toString(36).substr(2, 9)}`;
+}
+/**
+ * Fluent API for common patterns
+ */
+export const patterns = {
+    /** Create a form with inputs */
+    form: (fields, submitAction) => {
+        const editor = createVisualEditor();
+        const builder = editor.create();
+        // Add state for each field
+        fields.forEach((field) => {
+            builder.state(`form.${field.name}`, field.type === 'number' ? 'number' : 'string', '');
+        });
+        // Build form components
+        const formContainer = components.layout.Stack({ spacing: 4 })
+            .className('a2r-form');
+        fields.forEach((field) => {
+            formContainer.child(components.layout.Stack({ direction: 'vertical', spacing: 1 })
+                .child(components.typography.Label(field.label))
+                .child(components.input.Input({ type: field.type })
+                .bind('value', `form.${field.name}`, 'two-way')));
+        });
+        formContainer.child(components.input.Button('Submit', { variant: 'primary' })
+            .on('onClick', submitAction));
+        builder.add(formContainer);
+        return builder;
+    },
+    /** Create a data table */
+    dataTable: (dataPath, columns) => {
+        return components.display.Table([], [])
+            .bind('data', dataPath)
+            .prop('columns', columns);
+    },
+    /** Create a modal/dialog */
+    modal: (title, content, onClose) => {
+        return components.layout.Box({ padding: 4 })
+            .className('a2r-modal')
+            .child(components.layout.Stack({ direction: 'vertical', spacing: 2 })
+            .child(components.layout.Stack({ direction: 'horizontal', justify: 'between' })
+            .child(components.typography.Heading(title, 3))
+            .child(components.input.Button('×', { variant: 'ghost', size: 'sm' })
+            .on('onClick', onClose)))
+            .child(content));
+    },
+    /** Create a navigation menu */
+    navMenu: (items) => {
+        const list = components.layout.Stack({ direction: 'vertical', spacing: 1 })
+            .className('a2r-nav-menu');
+        items.forEach((item) => {
+            const btn = components.input.Button(item.label, { variant: 'ghost' })
+                .on('onClick', item.action);
+            if (item.icon) {
+                btn.prop('icon', item.icon);
+            }
+            list.child(btn);
+        });
+        return list;
+    },
+};
+// Export fluent API
+export const ui = {
+    /** Create new UI */
+    create: (version) => createVisualEditor().create(version),
+    /** Load existing UI */
+    load: (root) => createVisualEditor().load(root),
+    /** Component builders */
+    components,
+    /** Pattern builders */
+    patterns,
+};
+//# sourceMappingURL=visual-editor.js.map