import { CSSProperties } from 'react';

export type TSize = 'sm' | 'md' | 'lg';
export type TSizeAll = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type TBreakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xl2k' | 'xl4k';
export type TTheme = 'dark' | 'light';
export type TSpacing = TSizeAll | number;
export type CustomCSSProperties = React.CSSProperties & Record<string, string | number>;
export type BreakpointMap<T> = Record<TBreakpoints, T>;
export type TColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export type StyleProp<T extends ValidCSSValue> = T | Partial<BreakpointMap<T>>;
export type TGrow = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export type TShrink = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export type TWidthHeight = number | 'auto' | `${number}%` | 'inherit' | 'initial' | 'unset';
export type ValidCSSValue = string | number | TSpacing | TColumns | TGrow | TShrink | TWidthHeight | CSSProperties['flexDirection'] | CSSProperties['alignItems'] | CSSProperties['justifyContent'] | CSSProperties['flexWrap'];
//# sourceMappingURL=standards.d.ts.map