import { VariantStyle, CounterSizes } from './types';
import { Theme, SerializedStyles } from '@emotion/react';
import { ColorsKeys } from '../../types/emotion';
export declare const variantStyles: VariantStyle;
export declare const sizeStyles: CounterSizes;
/**
 * Builds a background override from a `color` string.
 * If `color` matches a key in `theme.colors` the design token is used;
 * otherwise the value is passed through as a raw CSS color string.
 */
export declare const makeColorOverride: (theme: Theme, color: ColorsKeys | string) => SerializedStyles;
export declare const CounterBase: import("@emotion/styled").StyledComponent<{
    theme?: Theme;
    as?: React.ElementType;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
