Full RTL Support

• Every component should be compatible with RTL direction (without re-render/re-initiation)

• The css properties should be “start” and “end” instead of “left” and “right” (e.g., margin-left —> margin-inline-start; margin-right —> margin-inline-end)

• For component that is always LTR (e.g., InputOTP) which is always left to right. It should always have “direction: ltr” in css styles, otherwise it will always select the rightmost one

• Arrows direction should be “< Next | Previous >” in RTL

• CloseButton should have “inset-inline-end: …” instead of “right: …”

• Slider should also starts from right to left

Hope this help. Thanks for all great components!