@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
14 lines (13 loc) • 921 B
JavaScript
'use client';
import { Accordion as ArkAccordion } from '@ark-ui/react/accordion';
import { accordion, } from '@fidely-ui/styled-system/recipes';
import { makeStyleContext } from '../../system/make-style-context';
const { withSlotProvider, withSlotContext } = makeStyleContext(accordion);
export const AccordionRootProvider = withSlotProvider(ArkAccordion.RootProvider, 'root');
export const AccordionRoot = withSlotProvider(ArkAccordion.Root, 'root');
export const AccordionItem = withSlotContext(ArkAccordion.Item, 'item');
export const AccordionItemContent = withSlotContext(ArkAccordion.ItemContent, 'itemContent');
export const AccordionItemTrigger = withSlotContext(ArkAccordion.ItemTrigger, 'itemTrigger');
export const AccordionItemIndicator = withSlotContext(ArkAccordion.ItemIndicator, 'itemIndicator');
// -------------------- Context --------------------
export const AccordionContext = ArkAccordion.Context;