Battery glyph with a tinted fill that colors rose, amber, or emerald by level.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Indicator4 } from "@/components/beste/piece/indicator4";
<Indicator4
level={42}
charging={true}
tone="emerald"
/>Stock status chip with a dot and auto-phrased copy across in-stock, low, out, and preorder states.
Timestamp indicator with a dot that pings when live, holds sky when recent, or glows amber when stale.
Pulsing status dot in four tints: live, beta, paused, offline.
Spinning loader icon paired with a status label inside a rounded pill.
Pill that names the deploy environment with a matching dot color and an optional mono branch suffix.
Four ascending bars that fill with the current reception level, paired with a network name and label.