_ButtonDefault

Composition primitive, consumed by leaf keys via composes.

Source: client/lib/theme/vueda-tailwind/controls/index.js

The --primary CTA fill: solid primary background, primary-foreground text. Hover and active swap the fill to the --primary-hover / --primary-active lightness steps (darker in light mode, lighter in dark) so the state change clears the glance-detection threshold rather than washing out the way the old /90 alpha fade did. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.

Slot	Default classes	Description
root	bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active	The --primary CTA fill: solid primary background, primary-foreground text. Hover and active swap the fill to the --primary-hover / --primary-active lightness steps (darker in light mode, lighter in dark) so the state change clears the glance-detection threshold rather than washing out the way the old /90 alpha fade did. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.

root

The --primary CTA fill: solid primary background, primary-foreground text. Hover and active swap the fill to the --primary-hover / --primary-active lightness steps (darker in light mode, lighter in dark) so the state change clears the glance-detection threshold rather than washing out the way the old /90 alpha fade did. Pair sparingly with neutral pressed-state recipes like Toggle.root so a CTA and an active toggle do not compete.

Default classes:

bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active

Source: client/lib/theme/vueda-tailwind/controls/_ButtonPrimitives.theme.js:57