InputGroupInput

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

The text-input child inside an InputGroup.root. Strips its own border, shadow, and focus ring so the surrounding group owns the chrome; flexes to fill the remaining row, and overrides the standalone Input dark-mode tint with dark:bg-transparent so the group's tint is the only one painted. The focus reset needs focus-visible:!shadow-none: Input.root paints its ring with focus-visible:focus-ring-shadow, whose variant selector outranks a plain shadow-none, so without it the input draws a second ring inside the group's.

Vue component: InputGroupInput

Slot	Default classes	Description
root	flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:!shadow-none dark:bg-transparent	The text-input child inside an InputGroup.root. Strips its own border, shadow, and focus ring so the surrounding group owns the chrome; flexes to fill the remaining row, and overrides the standalone Input dark-mode tint with dark:bg-transparent so the group's tint is the only one painted. The focus reset needs focus-visible:!shadow-none: Input.root paints its ring with focus-visible:focus-ring-shadow, whose variant selector outranks a plain shadow-none, so without it the input draws a second ring inside the group's.

root

The text-input child inside an InputGroup.root. Strips its own border, shadow, and focus ring so the surrounding group owns the chrome; flexes to fill the remaining row, and overrides the standalone Input dark-mode tint with dark:bg-transparent so the group's tint is the only one painted. The focus reset needs focus-visible:!shadow-none: Input.root paints its ring with focus-visible:focus-ring-shadow, whose variant selector outranks a plain shadow-none, so without it the input draws a second ring inside the group's.

Default classes:

flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:!shadow-none dark:bg-transparent

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