[cmil]

Closes #100

Changes

• The tab row no longer wraps. It stays on one line, scrolls horizontally and hides the scrollbar, which matches the old dracor-frontend.
• The grey baseline is now an inset shadow on the row itself, replacing the -mb-px overlap with the outer border. The active tab's underline therefore isn't clipped by overflow-x: auto.
• The baseline colour comes from the --tabs-baseline CSS variable, which falls back to gray-200 (gray-700 in dark mode). The variable can be set on the row or on any ancestor, and covers both light and dark mode.
• Whenever the location changes, the active tab is scrolled into view by adjusting scrollLeft directly. This covers deep links, browser back/forward and programmatic navigation while the tabs stay mounted. scrollIntoView is not used because it would also scroll the page. The position is measured again after webfonts load.
• New wrap prop (default false) restores the wrapping behaviour.
• New className prop adds classes to the tab row. They are appended without tailwind-merge, so they can't reliably override the row's own utilities. The prop documentation says so.
• New stories Scrollable, NoActiveTab, Wrapping, BackForward and CustomBaseline, with play-function checks.

Migration note for consumers

The bottom border moved from the outer wrapper to the inner row and is now a box-shadow. CSS such as .dracor-tabs > div { border-bottom: none } no longer has any effect. Use this instead:

.dracor-tabs { --tabs-baseline: transparent; }

🤖 Generated with Claude Code

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 95.68%. Comparing base (4a849e9) to head (172db75).

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #101      +/-   ##
==========================================
+ Coverage   95.45%   95.68%   +0.23%     
==========================================
  Files          34       34              
  Lines         352      371      +19     
  Branches      124      131       +7     
==========================================
+ Hits          336      355      +19     
  Misses          4        4              
  Partials       12       12              

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.