[component] Create Accordion

[theoribbi]

Summary

Implement the Accordion component for NativeUI, inspired by the shadcn/ui Accordion.

Requirements

• Use Pressable and View from react-native as base components.
• Support the following features:
  • Single and multiple expansion modes.
  • Collapsible behavior to allow closing all items.
  • Animated transitions for expanding and collapsing content.
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure accessibility by:
  • Managing focus states appropriately.
  • Providing proper roles and ARIA attributes if necessary.
• Ensure type safety with TypeScript.

Deliverables

• Create an accordion.tsx file under /registry/accordion.
• Follow the structure and naming conventions similar to shadcn/ui Accordion.

References

• shadcn/ui Accordion Documentation
• nativewind Documentation

Notes

Focus on keeping the Accordion simple, accessible, and easily customizable.
The goal is to make it easy to clone and adapt when building apps.

---