export interface VisualEditorContext {
    isEnabled: boolean;
    viewportMode: 'desktop' | 'tablet' | 'mobile';
    selectedElement: {
        element: HTMLElement;
        id: string;
        rect: DOMRect;
        computedStyles: CSSStyleDeclaration;
    } | null;
    hoveredElement: HTMLElement | null;
    editText: string;
    styleChanges: Record<string, string>;
    history: Array<{
        html: string;
        timestamp: number;
    }>;
    historyIndex: number;
    showStylePanel: boolean;
    showComponentPanel: boolean;
    showLayerPanel: boolean;
    showGrid: boolean;
    dragState: {
        isDragging: boolean;
        startX: number;
        startY: number;
        elementStartX: number;
        elementStartY: number;
    };
    resizeState: {
        isResizing: boolean;
        handle: string;
        startX: number;
        startY: number;
        elementStartWidth: number;
        elementStartHeight: number;
        elementStartX: number;
        elementStartY: number;
    };
}
export type VisualEditorEvent = {
    type: 'TOGGLE_EDITOR';
} | {
    type: 'ENABLE_EDITOR';
} | {
    type: 'DISABLE_EDITOR';
} | {
    type: 'SET_VIEWPORT_MODE';
    mode: 'desktop' | 'tablet' | 'mobile';
} | {
    type: 'SELECT_ELEMENT';
    element: HTMLElement;
    id: string;
    rect: DOMRect;
    computedStyles: CSSStyleDeclaration;
} | {
    type: 'DESELECT_ELEMENT';
} | {
    type: 'HOVER_ELEMENT';
    element: HTMLElement;
} | {
    type: 'UNHOVER_ELEMENT';
} | {
    type: 'START_TEXT_EDIT';
    element: HTMLElement;
    text: string;
} | {
    type: 'UPDATE_TEXT';
    text: string;
} | {
    type: 'SAVE_TEXT_EDIT';
} | {
    type: 'CANCEL_TEXT_EDIT';
} | {
    type: 'SHOW_STYLE_PANEL';
} | {
    type: 'HIDE_STYLE_PANEL';
} | {
    type: 'TOGGLE_STYLE_PANEL';
} | {
    type: 'SHOW_COMPONENT_PANEL';
} | {
    type: 'HIDE_COMPONENT_PANEL';
} | {
    type: 'TOGGLE_COMPONENT_PANEL';
} | {
    type: 'SHOW_LAYER_PANEL';
} | {
    type: 'HIDE_LAYER_PANEL';
} | {
    type: 'TOGGLE_LAYER_PANEL';
} | {
    type: 'TOGGLE_GRID';
} | {
    type: 'UPDATE_STYLE';
    property: string;
    value: string;
} | {
    type: 'SAVE_TO_HISTORY';
} | {
    type: 'UNDO';
} | {
    type: 'REDO';
} | {
    type: 'START_DRAG';
    startX: number;
    startY: number;
    elementStartX: number;
    elementStartY: number;
} | {
    type: 'DRAG_MOVE';
    x: number;
    y: number;
} | {
    type: 'END_DRAG';
} | {
    type: 'START_RESIZE';
    handle: string;
    startX: number;
    startY: number;
    elementStartWidth: number;
    elementStartHeight: number;
    elementStartX: number;
    elementStartY: number;
} | {
    type: 'RESIZE_MOVE';
    x: number;
    y: number;
} | {
    type: 'END_RESIZE';
} | {
    type: 'DELETE_ELEMENT';
} | {
    type: 'INSERT_COMPONENT';
    html: string;
};
export declare const visualEditorMachine: import("xstate").StateMachine<VisualEditorContext, import("xstate").AnyEventObject, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, unknown, {}, import("xstate").EventObject, import("xstate").MetaObject, any>;
//# sourceMappingURL=visualEditorMachine.d.ts.map