[component] Create Popover

[theoribbi]

Summary

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

Requirements

• Use Modal, View, and Pressable from react-native as base components.
• Support the following features:
  • Trigger element to open the popover.
  • Display content in a floating card when the trigger is pressed.
  • Optional arrow pointing to the trigger element.
  • Controlled open/close state via props.
  • Optional delay before opening and closing.
  • Support for different placement options (top, bottom, left, right).
• 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 popover.tsx file under /registry/popover.
• Follow the structure and naming conventions similar to shadcn/ui Popover.

References

• shadcn/ui Popover Documentation
• nativewind Documentation
• react-native-popover-view

Notes

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

---