import * as React from 'react';
import { Styles } from 'shipstyles';
export declare const stylesheet: {
    create: <K extends string>(styles: Partial<{ [k in K]: Partial<{
        '.'?: string | string[] | undefined;
        '--'?: any;
    }> | Partial<Partial<CSSStyleDeclaration> & Partial<{
        '.'?: string | string[] | undefined;
        '--'?: any;
    }>>; }> | Partial<{}>) => Record<Exclude<Exclude<K, any>, any>, Set<string>> & Record<never, Set<string>>;
    keyframes: <KF extends string>(keyframesInput: Record<KF, {
        [stage: string]: Partial<CSSStyleDeclaration>;
    }>) => Record<KF, string>;
    getStyle: () => string;
    isApplied: () => boolean;
};
export declare const commonStyles: Record<never, Set<string>>;
export declare const PickerStyleTag: React.NamedExoticComponent<{
    nonce?: string | undefined;
}>;
export declare const commonInteractionStyles: Record<never, Set<string>>;
export declare function darkMode(key: string, value: Styles): {
    '.epr-dark-theme': {
        [x: string]: Partial<Partial<CSSStyleDeclaration> & Partial<{
            '.'?: string | string[] | undefined;
            '--'?: any;
        }>>;
    };
    '.epr-auto-theme': {
        [x: string]: {
            '@media (prefers-color-scheme: dark)': Partial<Partial<CSSStyleDeclaration> & Partial<{
                '.'?: string | string[] | undefined;
                '--'?: any;
            }>>;
        };
    };
};