import { type SlateElement } from '@yoopta/editor';
export type ImageSizes = {
    width: number | string;
    height: number | string;
};
export type ImageElementProps = {
    id: string | null;
    src?: string | null;
    alt?: string | null;
    srcSet?: string | null;
    bgColor?: string | null;
    fit?: 'contain' | 'cover' | 'fill' | null;
    sizes?: ImageSizes;
};
export type ImagePluginElements = 'image';
export type ImageElement = SlateElement<'image', ImageElementProps>;
export type ImageUploadResponse = Omit<ImageElementProps, 'srcSet'>;
export type ImageOptimizationFields = {
    deviceSizes?: number[];
    provider?: 'imgix' | 'cloudinary' | 'akamai';
};
export type ImageUploadFn = (file: File, onProgress?: (progress: ImageUploadProgress) => void) => Promise<ImageElementProps>;
export type ImageDeleteFn = (element: ImageElement) => Promise<any>;
export type ImageUploadEndpointOptions = {
    endpoint: string;
    method?: 'POST' | 'PUT' | 'PATCH';
    headers?: Record<string, string>;
    fieldName?: string;
    maxSize?: number;
    accept?: string;
    onProgress?: (progress: ImageUploadProgress) => void;
    onSuccess?: (result: UploadResult) => void;
    onError?: (error: UploadError) => void;
};
export type ImageDeleteEndpointOptions = {
    endpoint: string;
    method?: 'DELETE' | 'PATCH';
    headers?: Record<string, string>;
    fieldName?: string;
    onProgress?: (progress: ImageUploadProgress) => void;
    onSuccess?: (result: UploadResult) => void;
    onError?: (error: UploadError) => void;
};
export type ImageUploadOptions = ImageUploadEndpointOptions | ImageUploadFn;
export type ImageDeleteOptions = ImageDeleteEndpointOptions | ImageDeleteFn;
export type ImagePluginOptions = {
    upload?: ImageUploadOptions;
    delete?: ImageDeleteOptions;
    maxSizes?: {
        maxWidth?: number | string;
        maxHeight?: number | string;
    } | null;
    optimizations?: ImageOptimizationFields | null;
};
export type XHRRequestOptions = {
    endpoint: string;
    method?: 'POST' | 'PUT' | 'PATCH' | 'DELETE';
    headers?: Record<string, string>;
    fieldName?: string;
    maxSize?: number;
    accept?: string;
    onProgress?: (progress: ImageUploadProgress) => void;
    onSuccess?: (result: UploadResult) => void;
    onError?: (error: UploadError) => void;
};
export type ImageElementMap = {
    image: ImageElement;
};
export type ImageUploadProgress = {
    loaded: number;
    total: number;
    percentage: number;
};
export type UploadError = {
    message: string;
    code?: string;
    status?: number;
};
export type UploadResult = {
    id: string;
    url: string;
    width?: number;
    height?: number;
    size?: number;
    format?: string;
    [key: string]: any;
};
export type UploadState = {
    loading: boolean;
    progress: ImageUploadProgress | null;
    error: UploadError | null;
    result: UploadResult | null;
};
export type UseImageUploadReturn = {
    upload: (file: File) => Promise<UploadResult>;
    cancel: () => void;
    reset: () => void;
} & UploadState;
export type UseImageDeleteReturn = {
    deleteImage: (element: ImageElement) => Promise<any>;
    cancel: () => void;
    reset: () => void;
} & UploadState;
export type ImageUploadPreview = {
    url: string;
    width?: number;
    height?: number;
};
//# sourceMappingURL=types.d.ts.map