import type { Readable } from "svelte/store";
/**
 * Breakpoints from Tailwind V2
 *
 * @see https://tailwindcss.com/docs/breakpoints
 */
export declare const breakpoints_tailwind: {
    sm: number;
    md: number;
    lg: number;
    xl: number;
    "2xl": number;
};
/**
 * Breakpoints from Bootstrap V5
 *
 * @see https://getbootstrap.com/docs/5.0/layout/breakpoints
 */
export declare const breakpoints_bootstrap5: {
    sm: number;
    md: number;
    lg: number;
    xl: number;
    xxl: number;
};
/**
 * Breakpoints from Ant Design
 *
 * @see https://ant.design/components/layout/#breakpoint-width
 */
export declare const breakpoints_ant_design: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
    xxl: number;
};
/**
 * Sematic Breakpoints
 */
export declare const breakpoints_sematic: {
    mobileS: number;
    mobileM: number;
    mobileL: number;
    tablet: number;
    laptop: number;
    laptopL: number;
    desktop4K: number;
};
export declare type Breakpoints<K extends string = string> = Record<K, number | string>;
/**
 * Reactively viewport breakpoints
 *
 * @param options
 */
export declare function breakpoints<K extends string>(breakpoints: Breakpoints<K>): {
    greater(k: K): Readable<boolean>;
    greater_or_equal: (k: K) => Readable<boolean>;
    smaller(k: K): Readable<boolean>;
    smaller_or_equal(k: K): Readable<boolean>;
    between(a: K, b: K): Readable<boolean>;
    is_greater(k: K): boolean;
    is_greater_or_equal(k: K): boolean;
    is_smaller(k: K): boolean;
    is_smaller_or_equal(k: K): boolean;
    is_in_between(a: K, b: K): boolean;
} & Record<K, Readable<boolean>>;
export { breakpoints_tailwind as breakpointsTailwind, breakpoints_bootstrap5 as breakpointsBootstrap5, breakpoints_ant_design as breakpointsAntDesign, breakpoints_sematic as breakpointsSematic, };