@fidely-ui/react
Version:
Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps
15 lines (14 loc) • 952 B
JavaScript
'use client';
import { ark } from '@ark-ui/react/factory';
import { card } from '@fidely-ui/styled-system/recipes';
import { makeStyleContext } from '../../system/make-style-context';
// ─────────────────────────────────────────────
// Build context utilities for the `cardRecipe`
// ─────────────────────────────────────────────
const { withSlotProvider, withSlotContext } = makeStyleContext(card);
export const CardRoot = withSlotProvider(ark.div, 'root');
export const CardBody = withSlotContext(ark.div, 'body');
export const CardHeader = withSlotContext(ark.div, 'header');
export const CardTitle = withSlotContext(ark.h4, 'title');
export const CardDescription = withSlotContext(ark.div, 'description');
export const CardFooter = withSlotContext(ark.div, 'footer');