Masked characters type into the field while a four-segment meter climbs from rose through amber to emerald and each rule in the checklist ticks green, then it clears and starts over.
The import and the props worth knowing about, in one place.
import { Input32 } from "@/components/beste/piece/input32";
<Input32
label="Choose a password"
password="Moonriver-77!"
/>Regex field with slash delimiters, flag suffix in amber, and an emerald match-count pill on the right.
Five-star rater with filled amber stars in muted tiles and a decimal rating chip to the right.
Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.
Locked field with a muted fill, padlock icon, and a why-locked helper line underneath.