<!-- source-hash: 87cce2923d03d5560ae6838e54e87f60 -->
A lightweight React component wrapper that exports Radix UI's collapsible primitives for building expandable/collapsible content sections with accessible interactions.

## Key Components

- **`Collapsible`** - Root container component that manages the open/closed state
- **`CollapsibleTrigger`** - Interactive element (button) that toggles the collapsible state
- **`CollapsibleContent`** - Content area that shows/hides based on the collapsible state

## Usage Example

```typescript
import { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./collapsible"

function FAQItem() {
  return (
    <Collapsible>
      <CollapsibleTrigger className="flex items-center justify-between w-full p-4 font-medium">
        What is React?
        <ChevronDownIcon className="h-4 w-4" />
      </CollapsibleTrigger>
      <CollapsibleContent className="p-4 pt-0">
        React is a JavaScript library for building user interfaces.
      </CollapsibleContent>
    </Collapsible>
  )
}
```

The components automatically handle ARIA attributes, keyboard navigation, and smooth animations. Use the `defaultOpen` prop on `Collapsible` to set initial state, or control it with `open` and `onOpenChange` for controlled usage.