@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
99 lines (96 loc) • 2.88 kB
TypeScript
import * as _nex_ui_system from '@nex-ui/system';
import { RecipeVariants } from '@nex-ui/system';
declare const drawerRootRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
root: {};
backdrop: {};
}, {}>;
declare const drawerContentRecipe: _nex_ui_system.SlotRecipeRuntimeFn<{
root: {
display: "flex";
};
paper: {
boxShadow: "lg";
};
closeButton: {
display: "inline-flex";
alignItems: "center";
justifyContent: "center";
position: "absolute";
insetInlineEnd: "2";
insetBlockStart: "2";
fs: "1.3em";
p: "1.5";
overflow: "hidden";
borderRadius: "full";
transition: "colors";
color: "gray.400";
_hover: {
bg: string;
};
_focusVisibleRing: {
outline: string;
};
};
}, {
size: {
xs: {};
sm: {};
md: {};
lg: {};
xl: {};
full: {};
};
placement: {
left: {
root: {
flexDirection: "row";
justifyContent: "flex-start";
};
paper: {
borderTopRightRadius: "lg";
borderBottomRightRadius: "lg";
};
};
right: {
root: {
flexDirection: "row";
justifyContent: "flex-end";
};
paper: {
borderTopLeftRadius: "lg";
borderBottomLeftRadius: "lg";
};
};
top: {
root: {
flexDirection: "column";
justifyContent: "flex-start";
};
paper: {
borderBottomLeftRadius: "lg";
borderBottomRightRadius: "lg";
};
};
bottom: {
root: {
flexDirection: "column";
justifyContent: "flex-end";
};
paper: {
borderTopLeftRadius: "lg";
borderTopRightRadius: "lg";
};
};
};
}>;
declare const drawerHeaderRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
declare const drawerBodyRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
declare const drawerFooterRecipe: _nex_ui_system.RecipeRuntimeFn<{}>;
type DrawerRootRecipe = typeof drawerRootRecipe;
type DrawerContentRecipe = typeof drawerContentRecipe;
type DrawerContentVariants = RecipeVariants<DrawerContentRecipe>;
type DrawerHeaderRecipe = typeof drawerHeaderRecipe;
type DrawerBodyRecipe = typeof drawerBodyRecipe;
type DrawerFooterRecipe = typeof drawerFooterRecipe;
export { drawerBodyRecipe, drawerContentRecipe, drawerFooterRecipe, drawerHeaderRecipe, drawerRootRecipe };
export type { DrawerBodyRecipe, DrawerContentRecipe, DrawerContentVariants, DrawerFooterRecipe, DrawerHeaderRecipe, DrawerRootRecipe };