welcome-ui/dist/types/utils/use-screens.d.ts

Customizable design system with react, typescript, tailwindcss and ariakit.

import { default as tokens } from '../theme/tokens.json';
type ScreenSize = keyof Omit<typeof tokens.breakpoint, '$type'>;
type Screens = Record<ScreenSize, number>;
/**
 * A custom hook to retrieve the screen sizes defined in the theme tokens.
 * @returns An object containing the screen sizes defined in the theme tokens,
 * with keys as screen names and absolute values.
 * Only supports number values (e.g. no 'rem', '%', etc.).
 */
export declare function useScreens(): Screens;
export {};