export declare function useCanvasStore(): {
    state: {
        document: {
            id?: string | undefined;
            meta?: Record<string, any> | undefined;
            config: {
                ratio: import('../types').CanvasRatio;
                width?: number | undefined;
                height?: number | undefined;
                background: string;
                bgm?: string | {
                    [x: string]: unknown;
                    url: string;
                    volume?: number | undefined;
                } | null | undefined;
                enterSound?: string | {
                    [x: string]: unknown;
                    url: string;
                    volume?: number | undefined;
                } | null | undefined;
                animationJson?: string | undefined;
                autoPlay?: boolean | undefined;
                autoStep?: boolean | undefined;
                watermark?: {
                    text: string;
                    color?: string | undefined;
                    fontSize?: number | undefined;
                    fontFamily?: string | undefined;
                    opacity?: number | undefined;
                    angle?: number | undefined;
                    repeat?: boolean | undefined;
                    position?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
                } | null | undefined;
            };
            slides: {
                config?: {
                    background?: string | undefined;
                    bgm?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | null | undefined;
                    enterSound?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | null | undefined;
                    transition?: string | undefined;
                    animationJson?: string | undefined;
                } | undefined;
                elements: {
                    id: string;
                    name?: string | undefined;
                    type: string;
                    x: number;
                    y: number;
                    width?: number | undefined;
                    height?: number | undefined;
                    rotation?: number | undefined;
                    groupId?: string | undefined;
                    isEditable?: boolean | undefined;
                    props?: Record<string, unknown> | undefined;
                    propValues?: Record<string, any> | undefined;
                    slots?: Record<string, any> | undefined;
                    animations?: {
                        id: string;
                        type?: "in" | "emphasis" | "out" | undefined;
                        animate?: string | undefined;
                        duration?: number | undefined;
                        delay?: number | undefined;
                        step?: number | undefined;
                        audio?: string | {
                            [x: string]: unknown;
                            url: string;
                            volume?: number | undefined;
                        } | undefined;
                    }[] | undefined;
                    enterStep?: number | undefined;
                    exitStep?: number | undefined;
                    delay?: number | undefined;
                    description?: string | undefined;
                    events?: Record<string, string> | undefined;
                    methods?: Record<string, string> | undefined;
                    model?: {
                        [x: string]: any;
                        value?: any;
                        default?: any;
                        field?: string | undefined;
                        checked?: boolean | undefined;
                    } | undefined;
                }[];
            }[];
            pluginDatas?: Record<string, any> | undefined;
        };
        runtime: {
            activeElements: {
                id: string;
                name?: string | undefined;
                type: string;
                x: number;
                y: number;
                width?: number | undefined;
                height?: number | undefined;
                rotation?: number | undefined;
                groupId?: string | undefined;
                isEditable?: boolean | undefined;
                props?: Record<string, unknown> | undefined;
                propValues?: Record<string, any> | undefined;
                slots?: Record<string, any> | undefined;
                animations?: {
                    id: string;
                    type?: "in" | "emphasis" | "out" | undefined;
                    animate?: string | undefined;
                    duration?: number | undefined;
                    delay?: number | undefined;
                    step?: number | undefined;
                    audio?: string | {
                        [x: string]: unknown;
                        url: string;
                        volume?: number | undefined;
                    } | undefined;
                }[] | undefined;
                enterStep?: number | undefined;
                exitStep?: number | undefined;
                delay?: number | undefined;
                description?: string | undefined;
                events?: Record<string, string> | undefined;
                methods?: Record<string, string> | undefined;
                model?: {
                    [x: string]: any;
                    value?: any;
                    default?: any;
                    field?: string | undefined;
                    checked?: boolean | undefined;
                } | undefined;
            }[];
            currentSlideIndex: number;
            mode: import('../types').CanvasMode;
            presentationMode: import('../types').PresentationMode;
            currentStep: number;
            scale: number;
            offsetX: number;
            offsetY: number;
            width: number;
            height: number;
            selectedIds: Set<string> & Omit<Set<string>, keyof Set<any>>;
            lockedIds?: (Set<string> & Omit<Set<string>, keyof Set<any>>) | undefined;
            drawingMode: string;
            snapLines: {
                axis: "x" | "y";
                value: number;
            }[];
            isSpacePressed: boolean;
            isMobile?: boolean | undefined;
            isDragging?: boolean | undefined;
        };
        editor: {
            [x: string]: any;
            theme: import('../types').CanvasTheme;
            language: import('../types').CanvasLanguage;
            showRoughToolbar: boolean;
            showPreviewControls: boolean;
            showRulers: boolean;
            showGuides: boolean;
            showGrid: boolean;
            gridSize: number;
            enableShortcuts: boolean;
            disablePan: boolean;
            disableBgm: boolean;
            muteAll: boolean;
            fullScreen: boolean;
            autoStep: boolean;
            showElementDescription: boolean;
            defaultRoughProps?: Record<string, any> | undefined;
        };
    };
    updateSizeByRatio: (containerWidth: number, containerHeight: number) => void;
};