:sparkles: Highlights

• New Range component: https://ui.nuxtlabs.com/forms/range
• defineShortcuts composable now supports chained shortcuts: https://ui.nuxtlabs.com/getting-started/shortcuts#defineshortcuts
• Support for LTR and RTL languages: https://ui.nuxtlabs.com/getting-started/examples#rtl-support

:rotating_light: Breaking Changes

Radio / Checkbox / Toggle

Some classes have been extracted from the base config preset and split into multiple ones to ease the customization like color, background, border, ring, rounded, etc.

If you've overridden ui.radio.base, ui.checkbox.base or ui.toggle.base in your app.config.ts, you might want to take a look at #323.

:rocket: Features

• Avatar: handle chipText (#306) (759af05)
• defineShortcuts: chained shortcuts (#282) (a67f691)
• Radio/Checkbox/Toggle: handle color prop for form elements (#323) (ffb312d)
• Range: new component (#290) (97a1c86)
• RTL support (#320) (4ea114a)
• Table: pass row index to table cell (#291) (71c2465)
• Table: reset sort on third click (1ff11ac), closes #300

:bug: Bug Fixes

• components: prefix @headlessui/vue components (41b85d5), closes #315
• FormGroup: prevent overriding color of children (6be9290), closes #352
• Table: missing default sort icon when overriding sort-button prop (0f3fe0d)
• Toggle: add opacity-50 when disabled (c2ebb04)
• Tooltip: add color in config (1b03b8a)

:wave: New Contributors

• @jaybharadia made their first contribution in https://github.com/nuxtlabs/ui/pull/306

Full Changelog: https://github.com/nuxtlabs/ui/compare/v2.4.1...v2.5.0