import type { Theme } from '@elliemae/pui-theme';
import type { Keyframes, FlattenSimpleInterpolation } from 'styled-components';
import { withTheme, keyframes as kfrm, useTheme } from '@xstyled/styled-components';
export { withTheme, useTheme, kfrm };
type PropsWithTheme<T = Record<string, unknown>> = T & {
    theme: Theme;
};
export declare function truncate(width?: string): (props: PropsWithTheme<{
    width?: string;
}>) => FlattenSimpleInterpolation;
export declare function flexCenter(): string;
export declare function disabled(): string;
export declare function keyframes(obj: Record<string, string>): Keyframes;
export declare function boxShadow(top: string, left: string, blur: string, color: string, inset?: boolean): string;
export declare function border(color?: string, size?: string, type?: string): string;
export declare function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string): (props: {
    animationKeyframes?: string;
    animationLength?: string;
    animationTimingFn?: string;
}) => FlattenSimpleInterpolation;
export declare function active(): (props: PropsWithTheme) => FlattenSimpleInterpolation;
export declare function hover(): (props: PropsWithTheme) => FlattenSimpleInterpolation;
export declare function textStyle(type: string, weight?: keyof Theme['fontWeights']): (props: {
    theme: Theme;
}) => string;
export declare function iconColor(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
    theme: import("./index.js").Theme;
}, import("@xstyled/system").Theme>>;
export declare function fakeBorder(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("@xstyled/system").Theme>>;
export declare function fakeActive(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("@xstyled/system").Theme>>;
export declare function clearFocus(): string;
export declare function buttonLink(): string;
export declare function transition(t?: string): string;
export declare const onlySafariAndFirefox: (styles: string) => FlattenSimpleInterpolation;
export declare const onlySafari: (styles: string) => string;
export declare const onlyFirefox: (styles: string) => string;
export declare const safariAndFirefoxBold: (color: string) => string;