import { CSSProperties } from 'react';
import { RuleSet } from 'styled-components';

export declare const addAlwaysOutline: RuleSet<    {
$isShowAlwaysOutline?: boolean;
}>;

export declare const addColorTransition: RuleSet<object>;

export declare const addDisabled: RuleSet<    {
$isDisabled?: boolean;
}>;

declare type AddDollarSign<T> = {
    [K in keyof T as `$${string & K}`]: T[K];
};

export declare const addFont: RuleSet<AddDollarSign<addFontProps>>;

export declare type addFontProps = {
    font?: FontSizeStylesProps;
};

export declare const addFontSizeTransition: RuleSet<    {
$isTransitionFontSize?: boolean;
}>;

export declare const addGridTransition: RuleSet<object>;

export declare const addNiceNumber: RuleSet<object>;

export declare const addOutline: RuleSet<AddDollarSign<addOutlineProps>>;

export declare const addOutlineChildren: RuleSet<AddDollarSign<addOutlineProps>>;

export declare type addOutlineProps = {
    isReadOnly?: boolean;
    isDisabledOutline?: boolean;
    isOutlineBoxShadow?: boolean;
};

export declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;

export declare const addRemoveOutline: RuleSet<object>;

export declare const addRemoveScrollbar: RuleSet<object>;

export declare const addTransition: RuleSet<object>;

export declare const addTransitionWithoutSize: RuleSet<object>;

export declare type FontSizeStylesProps = {
    size?: TypographyDataProps['size'];
    weight?: TypographyDataProps['weight'];
    family?: TypographyDataProps['family'];
    height?: TypographyDataProps['height'];
};

declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';

declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';

declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;

declare type TypographyDataProps = TypographyDefaultProps & {
    size?: number;
};

declare type TypographyDefaultProps = {
    align?: CSSProperties['textAlign'];
    color?: IThemePaletteKeys;
    cursor?: CSSProperties['cursor'];
    decoration?: CSSProperties['textDecoration'];
    family?: IThemeFontFamily;
    flex?: string;
    height?: number | string;
    isHoverUnderlining?: boolean;
    letterSpacing?: CSSProperties['letterSpacing'];
    line?: number;
    overflow?: CSSProperties['overflow'];
    shadow?: 'shadowPulse';
    transform?: CSSProperties['textTransform'];
    weight?: IThemeTypographyWeight;
    wrap?: CSSProperties['textWrap'];
    isNoUserSelect?: boolean;
};

export { }