@nex-ui/react/dist/types/theme/recipes/avatar.d.ts

🎉 A beautiful, modern, and reliable React component library.

import * as _nex_ui_system from '@nex-ui/system';
import { RecipeVariants } from '@nex-ui/system';

declare const avatarRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
    root: {
        display: "flex";
        justifyContent: "center";
        alignItems: "center";
        color: "colorPalette.contrastText";
        bg: "colorPalette.primary";
        overflow: "hidden";
        userSelect: "none";
    };
    img: {
        width: "100%";
        height: "100%";
        objectFit: "cover";
    };
}, {
    size: {
        sm: {
            root: {
                w: "8";
                h: "8";
                fs: "md";
                '& svg': {
                    fs: string;
                };
            };
        };
        md: {
            root: {
                w: "10";
                h: "10";
                fs: "lg";
                '& svg': {
                    fs: string;
                };
            };
        };
        lg: {
            root: {
                w: "12";
                h: "12";
                fs: "xl";
                '& svg': {
                    fs: string;
                };
            };
        };
        xl: {
            root: {
                w: "14";
                h: "14";
                fs: "2xl";
                '& svg': {
                    fs: string;
                };
            };
        };
    };
    radius: {
        xl: {
            root: {
                borderRadius: "2xl";
            };
        };
        sm: {
            root: {
                readonly borderRadius: "md";
            };
        };
        md: {
            root: {
                readonly borderRadius: "lg";
            };
        };
        lg: {
            root: {
                readonly borderRadius: "xl";
            };
        };
        full: {
            root: {
                readonly borderRadius: "full";
            };
        };
        none: {
            root: {
                readonly borderRadius: "none";
            };
        };
    };
    color: {
        readonly blue: {
            root: {
                readonly colorPalette: "blue";
            };
        };
        readonly gray: {
            root: {
                readonly colorPalette: "gray";
            };
        };
        readonly pink: {
            root: {
                readonly colorPalette: "pink";
            };
        };
        readonly purple: {
            root: {
                readonly colorPalette: "purple";
            };
        };
        readonly cyan: {
            root: {
                readonly colorPalette: "cyan";
            };
        };
        readonly orange: {
            root: {
                readonly colorPalette: "orange";
            };
        };
        readonly yellow: {
            root: {
                readonly colorPalette: "yellow";
            };
        };
        readonly green: {
            root: {
                readonly colorPalette: "green";
            };
        };
        readonly red: {
            root: {
                readonly colorPalette: "red";
            };
        };
    };
    outlined: {
        true: {
            root: {
                boxShadow: "0 0 0 2px #fff,0 0 0 4px {colors.colorPalette.primary}";
            };
        };
    };
    inGroup: {
        true: {
            root: {
                ':not(:first-of-type)': {
                    ml: string;
                };
            };
        };
    };
}>;
declare const avatarGroupRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
type AvatarRecipe = typeof avatarRecipe;
type AvatarVariants = RecipeVariants<AvatarRecipe>;
type AvatarGroupRecipe = typeof avatarGroupRecipe;

export { avatarGroupRecipe, avatarRecipe };
export type { AvatarGroupRecipe, AvatarRecipe, AvatarVariants };