UNPKG

@chakra-ui/breakpoint-utils

Version:

A Quick description of the component

46 lines (44 loc) 1.41 kB
declare function px(value: number | string | null): string | null; declare function toMediaQueryString(min: string | null, max?: string): string; declare function analyzeBreakpoints(breakpoints: Record<string, any>): { keys: Set<string>; normalized: string[]; isResponsive(test: Record<string, any>): boolean; asObject: Record<string, any>; asArray: string[]; details: { _minW: string; breakpoint: string; minW: any; maxW: any; maxWQuery: string; minWQuery: string; minMaxQuery: string; }[]; get(key: string): { _minW: string; breakpoint: string; minW: any; maxW: any; maxWQuery: string; minWQuery: string; minMaxQuery: string; } | undefined; media: (string | null)[]; /** * Converts the object responsive syntax to array syntax * * @example * toArrayValue({ base: 1, sm: 2, md: 3 }) // => [1, 2, 3] */ toArrayValue(test: Record<string, any>): any[]; /** * Converts the array responsive syntax to object syntax * * @example * toObjectValue([1, 2, 3]) // => { base: 1, sm: 2, md: 3 } */ toObjectValue(test: any[]): any; } | null; declare type AnalyzeBreakpointsReturn = ReturnType<typeof analyzeBreakpoints>; export { AnalyzeBreakpointsReturn, analyzeBreakpoints, px, toMediaQueryString };