Tabs Slide Indicator shows the wrong active label before sliding

[AksharP5]

Describe the bug

The Tabs Slide Indicator starts with the pill under "Plan," but its label styling marks "Debug" as active. "Plan" is gray on the dark pill, while "Debug" is white on the light track. The labels only match the indicator after it slides to "Debug."

Link to reproduction

https://hyperframes.heygen.com/catalog/components/tabs-slide-indicator

Source reproduction: https://github.com/heygen-com/hyperframes/blob/main/registry/components/tabs-slide-indicator/demo.html

Steps to reproduce

1. Open the Tabs Slide Indicator catalog page.
2. Play or restart the preview.
3. Look at the initial state before the indicator moves.

Expected behavior

The white active label follows the dark indicator from "Plan" to "Debug," and inactive labels meet WCAG AA contrast.

Actual behavior

"Debug" remains white before the indicator reaches it, and the inactive gray measures 4.4:1 against the track instead of the required 4.5:1.

Environment

Hosted HyperFrames Catalog and current main at 9ba528914.

Additional context

The component permanently applies its active color to the second button even though the indicator starts at the first button. The installable component and catalog demo share the same state mismatch.