export declare const makeParams: (params: Record<string, string>) => string;
export declare const formatUrlWithPageParam: (path: string, page?: number, queryPageName?: string) => string;
export declare const toggleNoScroll: (isNoScroll?: boolean) => void;
export declare const Breakpoints: {
    BREAK_POINT_SMALL_MOBILE: number;
    BREAK_POINT_MOBILE: number;
    BREAK_POINT_TABLET: number;
    BREAK_POINT_PC: number;
    BREAK_POINT_LGPC: number;
};
export declare const Screens: {
    LG: number;
};
/**
 * List of mediaQueries to use in StyledComponents
 * New naming convention base around breakpoints
*
 * Note: smb = small mobile; mb = mobile; td = tablet device; pc = pc/laptop device
 *
 * smbDown: BREAK_POINT_SMALL_MOBILE go down.
 * smbUp: BREAK_POINT_SMALL_MOBILE go up
 *
 * mbDown: BREAK_POINT_MOBILE go down.
 * mbOnly: from BREAK_POINT_SMALL_MOBILE to BREAK_POINT_MOBILE
 * mbUp: BREAK_POINT_MOBILE go up
 *
 * tdDown: BREAK_POINT_TABLET go down
 * tdOnly: from BREAK_POINT_MOBILE to BREAK_POINT_TABLET
 * tdUp: BREAK_POINT_TABLET go up
 *
 * pcDown: BREAK_POINT_PC go down
 * pcOnly: from BREAK_POINT_TABLET to BREAK_POINT_PC
 * pcUp: BREAK_POINT_PC go up
 *
 * @example
 *  ${MediaQueries.mbDown} {
 *    color: ${(props) => props.theme.colors.neutral100 }};
 *  }
 */
export declare const MediaQueries: {
    smbDown: string;
    smbUp: string;
    mbDown: string;
    mbOnly: string;
    mbUp: string;
    tdDown: string;
    tdOnly: string;
    tdUp: string;
    pcUp: string;
    pcOnly: string;
    pcDown: string;
    lgPcUp: string;
    lgPcOnly: string;
    lgPcDown: string;
    mbToPC: string;
};
export declare const getBoundariesFromMediaQueryKey: (key?: keyof typeof MediaQueries) => number[];
export declare const getPopupWrapperDom: () => Element;
export declare const getWrapperDomWithSelector: (parentDom: HTMLElement, wrapperKey: string) => Element;
export declare const startCase: (str?: string) => string;
export declare const safeEncodeURI: (s: string) => string;