@accelint/design-toolkit/dist/components/accordion/index.d.ts

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

import * as react_jsx_runtime from 'react/jsx-runtime';
import { AccordionProps } from './types.js';
import 'react';
import 'react-aria-components';
import 'tailwind-variants';
import '../../lib/types.js';
import './styles.js';

/**
 * Accordion - A collapsible content component with expandable sections
 *
 * Provides an accessible accordion interface for organizing content into
 * collapsible sections. Supports both compact and full variants with
 * integrated controls for expanding/collapsing content areas.
 *
 * @example
 * // Basic accordion
 * <Accordion>
 *   <AccordionHeader>
 *     <AccordionTrigger>Section Title</AccordionTrigger>
 *   </AccordionHeader>
 *   <AccordionPanel>Content goes here</AccordionPanel>
 * </Accordion>
 *
 * @example
 * // Compact variant
 * <Accordion variant="compact">
 *   <AccordionHeader>
 *     <AccordionTrigger>Compact Section</AccordionTrigger>
 *   </AccordionHeader>
 *   <AccordionPanel>Compact content</AccordionPanel>
 * </Accordion>
 *
 * @example
 * // Multiple accordions in a group
 * <AccordionGroup>
 *   <Accordion>
 *     <AccordionHeader>
 *       <AccordionTrigger>First Section</AccordionTrigger>
 *     </AccordionHeader>
 *     <AccordionPanel>First content</AccordionPanel>
 *   </Accordion>
 *   <Accordion>
 *     <AccordionHeader>
 *       <AccordionTrigger>Second Section</AccordionTrigger>
 *     </AccordionHeader>
 *     <AccordionPanel>Second content</AccordionPanel>
 *   </Accordion>
 * </AccordionGroup>
 */
declare function Accordion({ ref, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;

export { Accordion };