@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
92 lines (89 loc) • 2.23 kB
TypeScript
import * as _nex_ui_system from '@nex-ui/system';
import { RecipeVariants } from '@nex-ui/system';
declare const cardRecipe: _nex_ui_system.RecipeRuntimeFn<{
shadow: {
xs: {
boxShadow: "xs";
};
sm: {
boxShadow: "sm";
};
md: {
boxShadow: "md";
};
lg: {
boxShadow: "lg";
};
xl: {
boxShadow: "xl";
};
};
radius: {
none: {
borderRadius: "none";
};
sm: {
borderRadius: "md";
};
md: {
borderRadius: "lg";
};
lg: {
borderRadius: "xl";
};
};
blurred: {
true: {
backdropFilter: "blur(12px)";
};
};
hoverable: {
true: {
transition: "scale";
_hover: {
scale: string;
};
_focusVisibleRing: {
scale: string;
};
};
};
}>;
declare const cardHeaderRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
root: {
p: "3";
display: "flex";
alignItems: "center";
gap: "3";
};
content: {
flex: number;
display: "flex";
flexDirection: "column";
justifyContent: "center";
alignItems: "flex-start";
};
title: {
fs: "lg";
};
subtitle: {
fs: "md";
};
}, {}>;
declare const cardBodyRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
declare const cardFooterRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
declare const cardActionArea: _nex_ui_system.RecipeRuntimeFn<{
disabled: {
true: {
cursor: "default";
};
};
}>;
type CardRecipe = typeof cardRecipe;
type CardVariants = RecipeVariants<CardRecipe>;
type CardHeaderRecipe = typeof cardHeaderRecipe;
type CardBodyRecipe = typeof cardBodyRecipe;
type CardFooterRecipe = typeof cardFooterRecipe;
type CardActionAreaRecipe = typeof cardActionArea;
export { cardActionArea, cardBodyRecipe, cardFooterRecipe, cardHeaderRecipe, cardRecipe };
export type { CardActionAreaRecipe, CardBodyRecipe, CardFooterRecipe, CardHeaderRecipe, CardRecipe, CardVariants };