[component] Create Collapsible

[theoribbi]

Summary

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

Requirements

• Use View and Pressable from react-native as base components.
• Support the following features:
  • Toggle visibility of content sections.
  • Controlled open/close state via props.
  • Optional animation for expand/collapse transitions.
• Style the component using nativewind utility classes.
• Allow passing a className prop to customize or extend the default styles.
• Ensure type safety with TypeScript.

Deliverables

• Create a collapsible.tsx file under /registry/collapsible.
• Follow the structure and naming conventions similar to shadcn/ui Collapsible.

References

• shadcn/ui Collapsible Documentation
• nativewind Documentation

Notes

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

---