import { Instance } from 'mobx-state-tree'; import * as fonts from '../utils/fonts'; import { PageType } from './page-model'; import { ElementsArray, ElementType } from './group-model'; import { NodeType } from './node-model'; type ElementOrPage = ElementType | (PageType & { type?: never; }); export declare const Font: import("mobx-state-tree").IModelType<{ fontFamily: import("mobx-state-tree").ISimpleType; url: import("mobx-state-tree").IOptionalIType, [undefined]>; styles: import("mobx-state-tree").IType; }, {}, any, import("mobx-state-tree")._NotCustomized>; export interface ExportOptions { pixelRatio?: number; ignoreBackground?: boolean; pageId?: string; includeBleed?: boolean; mimeType?: 'image/png' | 'image/jpeg'; quality?: number; _skipTimeout?: boolean; quickMode?: boolean; onProgress?: (progress: number) => void; } export interface GifExportOptions extends ExportOptions { fps?: number; } export interface PDFExportOptions extends ExportOptions { dpi?: number; parallel?: number; pageIds?: Array; unit?: 'pt' | 'mm' | 'cm' | 'in'; pixelUnitRatio?: number; cropMarkSize?: number; } export declare const Store: import("mobx-state-tree").IModelType<{ role: import("mobx-state-tree").IType; pages: import("mobx-state-tree").IArrayType; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }, { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; }, import("mobx-state-tree")._NotCustomized, {}>>; fonts: import("mobx-state-tree").IArrayType; url: import("mobx-state-tree").IOptionalIType, [undefined]>; styles: import("mobx-state-tree").IType; }, {}, any, import("mobx-state-tree")._NotCustomized>>; audios: import("mobx-state-tree").IArrayType; src: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; startTime: import("mobx-state-tree").IType; endTime: import("mobx-state-tree").IType; volume: import("mobx-state-tree").IType; delay: import("mobx-state-tree").IType; }, { toJSON(): { id: string; src: string; duration: number; startTime: number; endTime: number; volume: number; delay: number; }; } & { set(attrs: any): void; }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; currentTime: import("mobx-state-tree").IType; isPlaying: import("mobx-state-tree").IType; scale: import("mobx-state-tree").IType; scaleToFit: import("mobx-state-tree").IType; unit: import("mobx-state-tree").IType; dpi: import("mobx-state-tree").IType; schemaVersion: import("mobx-state-tree").IType; bleedVisible: import("mobx-state-tree").IType; rulesVisible: import("mobx-state-tree").IType; openedSidePanel: import("mobx-state-tree").IType; previousOpenedSidePanel: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; selectedElementsIds: import("mobx-state-tree").IArrayType>; animatedElementsIds: import("mobx-state-tree").IArrayType>; history: import("mobx-state-tree").IOptionalIType>; undoIdx: import("mobx-state-tree").IType; targetPath: import("mobx-state-tree").IType; }, { readonly canUndo: boolean; readonly canRedo: boolean; } & { startTransaction(): void; endTransaction(skipSave?: boolean): void; ignore(func: any, skipStateReplacement?: boolean, delayed?: boolean): Promise; transaction(func: any): Promise; requestAddState(state: any): void; addUndoState(): void; afterCreate(): void; clear(): void; beforeDestroy(): void; undo(): void; redo(): void; replaceState(): void; }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>; _elementsPixelRatio: import("mobx-state-tree").IType; _activePageId: import("mobx-state-tree").IType; _forceShowCredit: import("mobx-state-tree").IType; _key: import("mobx-state-tree").IType; _validated: import("mobx-state-tree").IType; }, { readonly _idsMap: Record; } & { readonly _bleedVisible: boolean; readonly selectedElements: ElementsArray; readonly children: import("mobx-state-tree").IMSTArray; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }, { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; }, import("mobx-state-tree")._NotCustomized, {}>> & import("mobx-state-tree").IStateTreeNode; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }, { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; }, import("mobx-state-tree")._NotCustomized, {}>>>; readonly selectedShapes: (import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; } & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; } & { x: import("mobx-state-tree").IType; y: import("mobx-state-tree").IType; width: import("mobx-state-tree").IType; height: import("mobx-state-tree").IType; rotation: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; animations: import("mobx-state-tree").IArrayType; duration: import("mobx-state-tree").IType; enabled: import("mobx-state-tree").IType; type: import("mobx-state-tree").ISimpleType; name: import("mobx-state-tree").IType; data: import("mobx-state-tree").IType<{}, {}, {}>; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; blurEnabled: import("mobx-state-tree").IType; blurRadius: import("mobx-state-tree").IType; brightnessEnabled: import("mobx-state-tree").IType; brightness: import("mobx-state-tree").IType; sepiaEnabled: import("mobx-state-tree").IType; grayscaleEnabled: import("mobx-state-tree").IType; filters: import("mobx-state-tree").IMapType; }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; shadowEnabled: import("mobx-state-tree").IType; shadowBlur: import("mobx-state-tree").IType; shadowOffsetX: import("mobx-state-tree").IType; shadowOffsetY: import("mobx-state-tree").IType; shadowColor: import("mobx-state-tree").IType; shadowOpacity: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; draggable: import("mobx-state-tree").IType; resizable: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; contentEditable: import("mobx-state-tree").IType; styleEditable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, { readonly locked: boolean; readonly page: any; readonly store: any; readonly top: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }> & import("mobx-state-tree").IStateTreeNode; type: import("mobx-state-tree").IType; name: import("mobx-state-tree").IType; opacity: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; visible: import("mobx-state-tree").IType; selectable: import("mobx-state-tree").IType; removable: import("mobx-state-tree").IType; alwaysOnTop: import("mobx-state-tree").IType; showInExport: import("mobx-state-tree").IType; }, {}, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>; readonly parent: any; readonly zIndex: any; } & { toJSON(): {}; } & { clone(attrs?: any, { skipSelect }?: { skipSelect?: boolean; }): NodeType; set(attrs: any): void; moveUp(): void; moveTop(): void; moveDown(): void; moveBottom(): void; setZIndex(zIndex: number): void; beforeDestroy(): void; } & { readonly a: { x: number; y: number; width: number; height: number; rotation: number; opacity: number; color: any; fontSize: any; }; animated(attr: any): any; } & { setAnimation(type: any, attrs: any): void; setFilter(type: any, value: any): void; }, import("mobx-state-tree").ModelCreationType<{ id: string; type: string; name: string; opacity: number; custom: any; visible: boolean; selectable: boolean; removable: boolean; alwaysOnTop: boolean; showInExport: boolean; }>, {}>>)[]; readonly activePage: import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }> & { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; } & import("mobx-state-tree").IStateTreeNode; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }, { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; }, import("mobx-state-tree")._NotCustomized, {}>>; readonly duration: number; readonly _hasCroppedImages: any; find(callback: (element: ElementOrPage) => boolean): ElementOrPage | undefined; getElementById(id: string): ElementType | undefined; } & { afterCreate(): void; setCurrentTime(time: any): void; _togglePlaying(playing?: boolean): void; play({ animatedElementsIds, startTime, currentTime, endTime, repeat, }?: { animatedElementsIds?: any[]; startTime?: number; currentTime?: number; endTime?: number; repeat?: boolean; }): void; checkActivePage(): void; seek(): void; stop(): void; } & { __(): void; set(attrs: any): void; setUnit({ unit, dpi }: { unit: any; dpi: any; }): void; setRole(role: string): void; addPage(attrs?: any): import("mobx-state-tree").ModelInstanceTypeProps<{ id: import("mobx-state-tree").ISimpleType; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }> & { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; } & import("mobx-state-tree").IStateTreeNode; children: import("mobx-state-tree").IArrayType; width: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; height: import("mobx-state-tree").IOptionalIType, import("mobx-state-tree").ISimpleType<"auto">]>, [undefined]>; background: import("mobx-state-tree").IType; bleed: import("mobx-state-tree").IType; custom: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; _exporting: import("mobx-state-tree").IType; _rendering: import("mobx-state-tree").IType; _forceMount: import("mobx-state-tree").IType; }, { readonly store: any; } & { readonly startTime: number; readonly _exportingOrRendering: boolean; } & { readonly computedWidth: any; readonly computedHeight: any; } & { toJSON(): any; _forEachElementUp(ids: Array, callback: Function): void; _forEachElementDown(ids: Array, callback: Function): false; } & { clone(attrs?: {}): any; setZIndex(zIndex: any): void; set(attrs: any): void; select(): void; addElement(attrs: { type: T; } & (T extends ElementType["type"] ? Partial, "type">> : Record), { skipSelect }?: { skipSelect?: boolean; }): T extends ElementType["type"] ? Extract : NodeType; canMoveElementsUp(ids: Array): false; moveElementsUp(ids: Array): void; canMoveElementsTop(ids: Array): any; moveElementsTop(ids: Array): void; canMoveElementsDown(ids: Array): false; moveElementsDown(ids: Array): void; canMoveElementsBottom(ids: Array): any; moveElementsBottom(ids: Array): void; setElementZIndex(id: any, zIndex: any): void; setSize({ width, height, useMagic, softChange, }: { width: number; height: number; useMagic?: boolean; softChange?: boolean; }): void; } & { moveElementUp(id: any): void; moveElementDown(id: any): void; moveElementTop(id: any): void; moveElementBottom(id: any): void; play(): void; }, import("mobx-state-tree")._NotCustomized, {}>>; selectPage(id: any): void; selectElements(ids: Array): void; toggleBleed(bleedVisible?: boolean): void; toggleRulers(rulesVisible?: boolean): void; openSidePanel(panelName: string): void; setScale(scale: number): void; _setScaleToFit(scale: number): void; setElementsPixelRatio(ratio: number): void; setSize(width: number, height: number, useMagic?: boolean): void; setPageZIndex(id: any, zIndex: any): void; deletePages(ids: Array): void; groupElements(ids: Array, attrs?: any): any; ungroupElements(ids: Array): void; deleteElements(ids: Array): void; on(event: any, callback: any): import("mobx-state-tree").IDisposer; _toCanvas({ pixelRatio, ignoreBackground, pageId, mimeType, includeBleed, _skipTimeout, quickMode, }?: ExportOptions): Promise; toDataURL({ mimeType, quality, ...rest }?: ExportOptions): Promise; toBlob({ mimeType, quality, ...rest }?: ExportOptions): Promise; saveAsImage({ fileName, ...exportProps }?: ExportOptions & { fileName?: string; }): Promise; _toPDF(exportProps: PDFExportOptions): Promise; toPDFDataURL(exportProps: PDFExportOptions): Promise; toGIFDataURL(exportProps?: GifExportOptions): Promise; saveAsGIF({ fileName, ...exportProps }?: GifExportOptions & { fileName?: string; }): Promise; toHTML({ elementHook }?: { elementHook: any; }): Promise; saveAsHTML({ fileName }?: { fileName?: string; }): Promise; toSVG({ elementHook, pageId }?: { elementHook: any; pageId: any; }): Promise; saveAsSVG({ fileName, elementHook, pageId, }?: { fileName?: string; elementHook?: Function; pageId?: string; }): Promise; saveAsPDF({ fileName, ...exportProps }?: ExportOptions & { fileName?: string; dpi?: number; }): Promise; waitLoading({ _skipTimeout }?: { _skipTimeout?: boolean; }): Promise; toJSON(): { width: number; height: number; fonts: import("mobx-state-tree").ModelSnapshotType<{ fontFamily: import("mobx-state-tree").ISimpleType; url: import("mobx-state-tree").IOptionalIType, [undefined]>; styles: import("mobx-state-tree").IType; }>[]; pages: {}[]; audios: import("mobx-state-tree").ModelSnapshotType<{ id: import("mobx-state-tree").ISimpleType; src: import("mobx-state-tree").IType; duration: import("mobx-state-tree").IType; startTime: import("mobx-state-tree").IType; endTime: import("mobx-state-tree").IType; volume: import("mobx-state-tree").IType; delay: import("mobx-state-tree").IType; }>[]; unit: string; dpi: number; custom: any; schemaVersion: number; }; loadJSON(json: any, keepHistory?: boolean): void; clear({ keepHistory }?: { keepHistory?: boolean; }): void; addFont(font: fonts.FONT): void; removeFont(fontFamily: string): void; addAudio(data: any): void; removeAudio(audioId: string): void; loadFont(fontFamily: any): Promise; validate(json: any): { path: string; message: string; }[]; }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>; export type StoreType = Instance; export interface StoreProps { key: string; showCredit: boolean; } export declare function createStore({ key, showCredit }?: StoreProps): StoreType; export default createStore;