declare type TSelector = Record<string, string>;
declare type TSelectorInSelector = Record<string, string | TSelector>;
declare const utils: {
    w: (value: string) => {
        width: string;
    };
    h: (value: string) => {
        height: string;
    };
    mxw: (value: string) => {
        maxWidth: string;
    };
    mnw: (value: string) => {
        minWidth: string;
    };
    mxh: (value: string) => {
        maxHeight: string;
    };
    mnh: (value: string) => {
        minHeight: string;
    };
    bs: (value: string) => {
        boxShadow: string;
    };
    lh: (value: string) => {
        lineHeight: string;
    };
    lg: (value: string) => {
        backgroundImage: string;
    };
    br: (value: string) => {
        borderRadius: string;
    };
    bgc: (value: string) => {
        backgroundColor: string;
    };
    hbgc: (value: string) => {
        '&:hover': {
            backgroundColor: string;
        };
    };
    fbgc: (value: string) => {
        '&:focus': {
            backgroundColor: string;
        };
    };
    dbgc: (value: string) => {
        '&:disabled': {
            backgroundColor: string;
        };
    };
    tc: (value: string) => {
        color: string;
    };
    htc: (value: string) => {
        '&:hover': {
            color: string;
        };
    };
    ftc: (value: string) => {
        '&:focus': {
            color: string;
        };
    };
    dtc: (value: string) => {
        '&:disabled': {
            color: string;
        };
    };
    g: (value: string) => {
        gap: string;
    };
    gy: (value: string) => {
        rowGap: string;
    };
    gx: (value: string) => {
        columnGap: string;
    };
    bw: (value: string) => {
        borderWidth: string;
    };
    bsl: (value: string) => {
        borderLeftStyle: string;
    };
    bsr: (value: string) => {
        borderRightStyle: string;
    };
    bst: (value: string) => {
        borderTopStyle: string;
    };
    bsb: (value: string) => {
        borderBottomStyle: string;
    };
    bc: (value: string) => {
        borderColor: string;
    };
    hbc: (value: string) => {
        '&:hover': {
            borderColor: string;
        };
    };
    fbc: (value: string) => {
        '&:focus': {
            borderColor: string;
        };
    };
    dbc: (value: string) => {
        '&:disabled': {
            borderColor: string;
        };
    };
    hover: (value: TSelector) => {
        '&:hover': Record<string, string>;
    };
    focus: (value: TSelector) => {
        '&:focus': Record<string, string>;
    };
    svg: (value: TSelector) => {
        '& > svg': Record<string, string>;
    };
    image: (value: TSelectorInSelector) => {
        '& > img': Record<string, string | Record<string, string>>;
    };
    disabled: (value: TSelectorInSelector) => {
        '&:disabled': Record<string, string | Record<string, string>>;
    };
    placeholder: (value: TSelector) => {
        '::placeholder': Record<string, string>;
    };
    m: (value: string) => {
        margin: string;
    };
    mt: (value: string) => {
        marginTop: string;
    };
    mr: (value: string) => {
        marginRight: string;
    };
    mb: (value: string) => {
        marginBottom: string;
    };
    ml: (value: string) => {
        marginLeft: string;
    };
    mx: (value: string) => {
        ml: string;
        mr: string;
    };
    my: (value: string) => {
        mt: string;
        mb: string;
    };
    p: (value: string) => {
        padding: string;
    };
    pt: (value: string) => {
        paddingTop: string;
    };
    pr: (value: string) => {
        paddingRight: string;
    };
    pb: (value: string) => {
        paddingBottom: string;
    };
    pl: (value: string) => {
        paddingLeft: string;
    };
    px: (value: string) => {
        pl: string;
        pr: string;
    };
    py: (value: string) => {
        pt: string;
        pb: string;
    };
};
export default utils;