[koculu]

Summary

Make Tabs’ mobile select optional and reactive

Changes

Tabs now keep their buttons and overflow menu on mobile by default. The new mobileSelect prop accepts a boolean or reactive ref; setting it to true enables the native select at viewport widths up to 640px.

Changing the prop updates that instance automatically without requiring refresh(), rebuilding controls, or resetting selection and panel content. Responsive styles now target each Tabs instance’s own controls, preventing a compact parent from overriding nested tabs.

The documentation and playground demonstrate the option, including reactive toggling and the new default.

Validation:

• Tabs rendering, reactivity, and nested-style regression tests pass.
• TypeScript checks and frontend build pass.
• Browser checks cover toggling, independent instances, preserved state, overflow, and breakpoint transitions.