Component: RTL Layout Wrapper #3

Component: RTL Layout Wrapper

Build a layout wrapper that automatically applies RTL direction based on the current locale.

Requirements

• TypeScript-first with exported props interface
• Auto-detects RTL from locale code (ar, he, fa, ur, etc.)
• Applies dir="rtl" and lang attribute to wrapper
• Uses CSS logical properties (margin-inline-start, etc.)
• Tailwind CSS compatible
• Works as a drop-in wrapper around any content

Expected API

<RTLLayout locale="ar">
  <Navigation />
  <MainContent />
</RTLLayout>

Deliverables

• Component source in src/registry/components/
• Documentation page in content/docs/components/

See CONTRIBUTING.md.