[component] Create Slider

[theoribbi]

Summary

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

Requirements

• Use View, PanResponder, and Animated from react-native as base components.
• Support the following features:
  • Allow users to select a value from within a given range.
  • Configurable min, max, and step values.
  • Display current value as a label or tooltip.
  • Support for horizontal and vertical orientations.
  • Optional dual-thumb range selection.
  • Customizable track and thumb styles.
  • Accessibility support with appropriate roles and labels.
• 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 slider.tsx file under /registry/slider.
• Follow the structure and naming conventions similar to shadcn/ui Slider.

References

• shadcn/ui Slider Documentation
• React Native Slider Documentation
• nativewind Documentation

Notes

Focus on creating a responsive and accessible Slider component that can be easily customized and integrated into various parts of the application. Consider potential use cases like volume control, brightness adjustment, or form inputs requiring range selection.

---