import * as react from 'react';
import { ReactNode, ComponentProps } from 'react';
import * as AvatarPrimitive from '@radix-ui/react-avatar';
import { CSS } from './lib/stitches.config.js';
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
import * as _stitches_react_types_config from '@stitches/react/types/config';
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
import { S as Status } from './Status-ae56d1a8.js';
import { VariantProps } from '@stitches/react';

declare const StyledAvatar: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<AvatarPrimitive.AvatarProps & react.RefAttributes<HTMLSpanElement>>, _stitches_react_types_styled_component.StyledComponentProps<[{
    alignItems: string;
    justifyContent: string;
    verticalAlign: string;
    overflow: string;
    userSelect: string;
    boxSizing: string;
    display: string;
    flexShrink: number;
    position: string;
    border: string;
    fontFamily: string;
    lineHeight: string;
    margin: string;
    outline: string;
    padding: string;
    fontVariationSettings: string;
    fontWeight: any;
    color: string;
    '&::before': {
        content: string;
        position: string;
        top: number;
        right: number;
        bottom: number;
        left: number;
        borderRadius: string;
        boxShadow: string;
    };
    variants: {
        border: {
            none: {
                border: string;
            };
            solid: {
                border: string;
            };
        };
        size: {
            '1': {
                width: string;
                height: string;
            };
            '2': {
                width: string;
                height: string;
            };
            '3': {
                width: string;
                height: string;
            };
            '4': {
                width: string;
                height: string;
            };
            '5': {
                width: string;
                height: string;
            };
            '6': {
                width: string;
                height: string;
            };
        };
        variant: {
            hiContrast: {
                backgroundColor: string;
                color: string;
            };
            gray: {
                backgroundColor: string;
            };
        };
        shape: {
            square: {
                borderRadius: string;
            };
            circle: {
                borderRadius: string;
            };
        };
        inactive: {
            true: {
                opacity: string;
            };
        };
        interactive: {
            true: {
                '&::after': {
                    content: string;
                    position: string;
                    top: string;
                    right: string;
                    bottom: string;
                    left: string;
                    backgroundColor: string;
                    opacity: string;
                    pointerEvents: string;
                    '@media (prefers-reduced-motion: no-preference)': {
                        transition: string;
                    };
                };
                '@hover': {
                    '&:hover': {
                        '&::after': {
                            opacity: string;
                        };
                    };
                };
                '&[data-state="open"]': {
                    '&::after': {
                        backgroundColor: string;
                        opacity: string;
                    };
                };
            };
        };
    };
    defaultVariants: {
        border: "none";
        size: "2";
        variant: "gray";
        shape: "circle";
    };
}]>, {
    bp1: string;
    bp2: string;
    bp3: string;
    bp4: string;
    motion: string;
    hover: string;
    dark: string;
    light: string;
}, _stitches_react_types_css_util.CSS<{
    bp1: string;
    bp2: string;
    bp3: string;
    bp4: string;
    motion: string;
    hover: string;
    dark: string;
    light: string;
}, {
    borderWidths: unknown;
    borderStyles: unknown;
    colors: unknown;
    fonts: {
        'fallback-mono': string;
        'fallback-sans': string;
        'fallback-serif': string;
        mono: string;
        sans: string;
        serif: string;
    };
    fontSizes: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    fontWeights: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    letterSpacings: unknown;
    lineHeights: unknown;
    radii: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        pill: string;
        round: string;
    };
    shadows: {
        0: string;
        1: string;
        2: string;
        3: string;
        toast: string;
    };
    sizes: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    space: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
        11: string;
        12: string;
        13: string;
        14: string;
        15: string;
        16: string;
    };
    transitions: unknown;
    zIndices: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        max: string;
        toast: string;
    };
    foo: {
        bar: string;
    };
}, _stitches_react_types_config.DefaultThemeMap, {
    p: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">) => {
        padding: string | number | _stitches_react_types_css_util.WithScaleValue<"padding">;
    };
    pt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
    };
    pr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">) => {
        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingRight">;
    };
    pb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">) => {
        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingBottom">;
    };
    pl: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
    };
    px: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">) => {
        paddingLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
        paddingRight: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingLeft">;
    };
    py: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">) => {
        paddingTop: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
        paddingBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"paddingTop">;
    };
    m: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">) => {
        margin: string | number | _stitches_react_types_css_util.WithScaleValue<"margin">;
    };
    mt: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
    };
    mr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">) => {
        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginRight">;
    };
    mb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">) => {
        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginBottom">;
    };
    ml: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
    };
    mx: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">) => {
        marginLeft: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
        marginRight: string | number | _stitches_react_types_css_util.WithScaleValue<"marginLeft">;
    };
    my: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">) => {
        marginTop: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
        marginBottom: string | number | _stitches_react_types_css_util.WithScaleValue<"marginTop">;
    };
    ta: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">) => {
        textAlign: string | number | _stitches_react_types_css_util.WithScaleValue<"textAlign">;
    };
    fd: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">) => {
        flexDirection: string | number | _stitches_react_types_css_util.WithScaleValue<"flexDirection">;
    };
    fw: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">) => {
        flexWrap: string | number | _stitches_react_types_css_util.WithScaleValue<"flexWrap">;
    };
    ai: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">) => {
        alignItems: string | number | _stitches_react_types_css_util.WithScaleValue<"alignItems">;
    };
    ac: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">) => {
        alignContent: string | number | _stitches_react_types_css_util.WithScaleValue<"alignContent">;
    };
    jc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">) => {
        justifyContent: string | number | _stitches_react_types_css_util.WithScaleValue<"justifyContent">;
    };
    as: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">) => {
        alignSelf: string | number | _stitches_react_types_css_util.WithScaleValue<"alignSelf">;
    };
    fg: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">) => {
        flexGrow: string | number | _stitches_react_types_css_util.WithScaleValue<"flexGrow">;
    };
    fs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">) => {
        flexShrink: string | number | _stitches_react_types_css_util.WithScaleValue<"flexShrink">;
    };
    fb: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">) => {
        flexBasis: string | number | _stitches_react_types_css_util.WithScaleValue<"flexBasis">;
    };
    bc: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">) => {
        backgroundColor: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundColor">;
    };
    br: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">) => {
        borderRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderRadius">;
    };
    btrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">) => {
        borderTopRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopRightRadius">;
    };
    bbrr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">) => {
        borderBottomRightRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomRightRadius">;
    };
    bblr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">) => {
        borderBottomLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderBottomLeftRadius">;
    };
    btlr: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">) => {
        borderTopLeftRadius: string | number | _stitches_react_types_css_util.WithScaleValue<"borderTopLeftRadius">;
    };
    bs: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">) => {
        boxShadow: string | number | _stitches_react_types_css_util.WithScaleValue<"boxShadow">;
    };
    lh: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">) => {
        lineHeight: string | number | _stitches_react_types_css_util.WithScaleValue<"lineHeight">;
    };
    ox: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">) => {
        overflowX: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowX">;
    };
    oy: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">) => {
        overflowY: string | number | _stitches_react_types_css_util.WithScaleValue<"overflowY">;
    };
    pe: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">) => {
        pointerEvents: string | number | _stitches_react_types_css_util.WithScaleValue<"pointerEvents">;
    };
    us: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
    };
    userSelect: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">) => {
        WebkitUserSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
        userSelect: string | number | _stitches_react_types_css_util.WithScaleValue<"userSelect">;
    };
    size: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"width">) => {
        width: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
        height: string | number | _stitches_react_types_css_util.WithScaleValue<"width">;
    };
    appearance: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">) => {
        WebkitAppearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
        appearance: string | number | _stitches_react_types_css_util.WithScaleValue<"appearance">;
    };
    backgroundClip: (value: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">) => {
        WebkitBackgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
        backgroundClip: string | number | _stitches_react_types_css_util.WithScaleValue<"backgroundClip">;
    };
}>>;

declare type StatusVariants = ComponentProps<typeof Status>;
declare type StatusColors = Pick<StatusVariants, 'variant'>;
declare type AvatarVariants = VariantProps<typeof StyledAvatar>;
declare type AvatarPrimitiveProps = ComponentProps<typeof AvatarPrimitive.Root>;
declare type AvatarOwnProps = AvatarPrimitiveProps & AvatarVariants & {
    css?: CSS;
    alt?: string;
    src?: string;
    fallback?: ReactNode;
    status?: StatusColors['variant'];
};

declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarOwnProps, "ref"> & react.RefAttributes<HTMLSpanElement>>;

export { Avatar as A };