export type BreakpointDefaults = 'xs' | 'sm' | 'md' | 'lg' | 'xl'; export type Breakpoint = BreakpointDefaults; export type BreakpointValues = { [key in Breakpoint]: number; }; export interface Breakpoints { unit: string; step: number; keys: Breakpoint[]; values: BreakpointValues; up: (key: Breakpoint | number) => string; down: (key: Breakpoint | number) => string; between: (start: Breakpoint | number, end: Breakpoint | number) => string; only: (key: Breakpoint) => string; width: (key: Breakpoint) => number; } export type BreakpointsOptions = Partial;